Free Draw Content Managed Webpage Area Login

Contents

  1. Prerequisites
  2. Area Overview
  3. Area Formats
  4. Area Settings
  5. Dependent Configurations
  6. Recomendations

This document describes how an Free Draw area works when being displayed on a content managed web page within the TOTECS platform. This area is used to display any kind of text, or image data on a web page.

Prerequisites

Please ensure that you have read and understand the following topic links before reading on.

Area Overview

The Free Draw area gives administrator users the ability to place and kind of text, images, and links on a content managed web page for users to see. It forms the foundation of the meaning "content managed" since the administrator user can control the text displayed in the area without having to write any web page programming code. It's because of this freedom that the area is called Free Draw, since it the administrator user has the freedom to draw any kind of content within the area.

Each time a content managed web page is created, in the web page's local containers Free Draw areas are automatically created. Upon modifying a Free Draw area, a number of toolbars are available to modify the content of the area. The main tool bar contains a number of options on how to format the text in the area, just like editing a document in a word processor application such as Microsoft Word. It also has the ability to create elements such as tables, lists, links, and much more. The other dialogs in the area's editor allow images, attachments, and other pages associated with the content managed web site to be placed within the area.

Embedding Variables

The freedraw area allows variable hooks associated with the user to be placed in the area. This allows data specific to the user to be displayed in the area. In order to do this use the syntax: #*#hook_name#*#. For example if #*#webarea_id#*#  was placed in the content of the area, it would change to the value 34 (if the area's ID was 34).

Area Formats

The area has no formats.

Area Settings

The area has no settings.

Dependent Configurations

  • In order for the Attachments Toolbox and its icon when editing the area, the administrator user must be assigned to Website Permission Role that has "View Library Attachments" permission set to Allow. To allow the administrator user to be able to upload an attachment using the toolbox they must have the "Add Library Attachments" permission set to allow.
  • In order for the Images Toolbox and its icon when editing the area, the administrator user must be assigned to Website Permission Role that has "View Library Images" permission set to Allow. To allow the administrator user to be able to upload an image using the toolbox they must have the "Add Library Images" permission set to allow.

Recomendations

  • When an adminstrator user is modifying the area, to the right of the editor's content textarea, 4 icons appear that allow administrators to display the Toolbox, Attachments, Images, and Pages dialogs. Use these dialogs to embed links, and images into the area's editor, based on the content that exists within the content managed website that the web page resides within.
  • Avoid embedding CSS or Javascript into the Free Draw area where possible. This content is better to be embedded within files that is loaded from the web page's HTML template, since it can be cached by the browser, decrease page load times when the page is consistently visited by a user.
  • Consider using other area types if you find that you are consistently creating Free Draw areas on webpages that are structured in a similar way. For example it might be better to use a News/Blog Item area and manage the news/item data in the News/Blogs administration interface, rather than create web pages for each news item using Free Draw areas.
  • Sometimes a web page's template contains styling that can cause the Free Draw area's editor to not display correctly, or be usable. If this occurs administrator users can modify the area from the All Areas page within the Webpage Editor interface.