Page control

• Text formatting,
• Insertion of images or links,
• Insertion of icons coming from the font,
• etc.

Creating the control

1. Under the "Creación" pane, in the "Controles frecuentes" group, click on "Rich Text area".. XXXX
2. Click where you want to create the control in the page. The control appears in the editor.

Typing a text in the Rich Text Area control

1. Select the control.
2. Click on the field: a yellow Banner appears around the field and the field switches to edit mode..
   
3. In edit mode:
   • you have the ability to type your text directly. For example, you can paste text from a program such as Word: the formatting will be preserved..
   • the editor ribbon adapts to the field entry: all available editing options are displayed:
     
     These editing options are grouped into 4 categories:
     • Font: allows you to specify the font attributes of the selected text.
     • Paragraph: specify paragraph attributes (indents, bullets, lists, centering and justification)
     • CSS Style - Semantics: associate a CSS style and semantics with the selected text.
     • Fields: add fields to the Rich Text Area control:
       • an Image control,
       • a Link control,
       • an icon coming from the font,
       • another field: all fields in the "Creation" pane are available.

Inserting a link into the Rich Text Area control

1. Enter in edit in the Rich Text Area control.
2. Select the text that must be changed into link.
3. On the "Texto" tab, in the "Controles" group, click "Enlace". The link description window appears. This window is used to specify the link characteristics. The action associated with the link can be defined in the "General" tab.

• When a link is inserted into the Rich Text Area control, this link corresponds to a Link control. This control is included in the Rich Text Area and it can be handled through programming via its name.
• The list of controls found in the Rich Text Area control is displayed in the "General" tab of the control description.
• To create a link in a Rich Text Area control, you also have the ability to Drag and Drop an existing Link control.

Inserting an image into the Rich Text Area control

1. Enter in edit in the Rich Text Area control.
2. Position at the location where image will be inserted.
3. On the "Texto" tab, in the "Controles" group, click "Imagen".
4. The image description window appears. This window is used to specify the image characteristics. The "General" tab is used to:
   • specify the image to display,
   • specify the wrapping mode of image and the display mode of image.

• When an image is inserted into the Rich Text Area control, this image corresponds to an Image control. This control is included in the Rich Text Area and it can be handled through programming via its name.
• The list of controls found in the Rich Text Area control is displayed in the "General" tab of the control description.
• To create an Imagein a Rich Text Area control, you also have the ability to Drag and Drop an existing Image control.

Inserting a font icon into the Rich Text Area control

• edit the HTML source code of the control ("General" tab). This code can be modified in the editor directly. It is possible to:
  • Add HTML code. If possible, the result of the added HTML code will be viewed in the editor (only the animations are not supported). These additions are stored in the control.
  • Delete a section of HTML code. You have the ability to delete the HTML code corresponding to a link for example.
  • Fill the generated HTML code. You can for example add specific tags for displaying a help tooltip.
• see the list of controls found in the area ("General" tab).
• display the description window of the controls found in the area ("Edit" button in the "General" tab).
• define the interface options ("UI" tab). You can define:
  • whether the Rich Text Area control can be stacked.
  • the semantics associated with the Rich Text Area control.

• The description window of the controls found in the Rich Text Area control differs from the one of the control outside the rich text area. Indeed, some information (especially the position and the style) is defined in relation to the Rich Text Area control (and not in relation to the Link or Image control).
• On a Static control found in a Rich Text Area control, you can define an anchor via the Static control description window ("General" tab, "Define as anchor").