Text Control

 

Documentation home

 

Description. 1

Properties 1

Style Tab - Styling Assistant 1

Html Element Properties Tab. 2

Texts tab. 2

Hints and Tips 3

HTML is displayed as text in the WYSIWYG View. 3

How to specify space above and below a text 3

Right Click Menu Actions 3

Appearance in Outline View. 3

 

See also: Working With Texts, Shared Texts Files, Styling Assistants, Introduction to Styling, Controls, Layouts

Description

A Text Control represents a text. Each text control can display any form/component or shared text. Texts can contain formatting HTML. See Working With Texts for more information on the available texts functionality. A Text Control is created by dragging the Text Control icon from the palette which then displays a dialog where the text can be entered. Once created, the text can be changed by double clicking on the text as it appears in the WYSIWYG View or by clicking the … button adjacent to the Text property.

Properties

See also control common properties and local/inherited control properties.

 

Style Tab - Styling Assistant

 

 

 

Property

Description

Name1

Type1

Get1

Set1

Get/Set Values1

Text

Text properties: font, size, color, bold, italic etc. See text properties.

 

 

 

 

 

Background

See background properties.

 

 

 

 

 

Border

Border properties for the text box. See border properties.

 

 

 

 

 

Padding & Margin

Padding is the space between the text and the border. Margin is the space beyond the border. See padding and margin properties.

 

Only left and right padding/margin properties are supported. Specify top and bottom padding/margin by wrapping the Text Control in a Panel Control and add the padding/margin properties to this. Alternatively, use a Spacer Control.

 

 

 

 

 

Advanced Properties:

 

 

 

 

 

 

  Style

CSS class and inline style for the text.

cssClass

style

Character

Yes

Yes

As per HTML class parameter

As per HTML style parameter

 

Html Element Properties Tab

This allows you to add element properties to the root element of the Control – see Html Element Properties for more information.

 

Texts tab

Property

Description

Name1

Type1

Get1

Set1

Get/Set Values1

Text

The displayed text. Click here for information on changing this property using FPL.

text

Character

Yes

Yes

 

 

1 See accessing control properties from scripts

 

Examples of setting properties using Javascript:

 

controls.TEXT1.textColor = "#FF0099";

controls.TEXT1.backgroundColor = "yellow";

controls.TEXT1.text.text = "A new text";

 

Examples of setting properties using FPL:

 

set TEXT1.textColor = '#FF0099';

set TEXT1.backgroundColor = 'yellow';

set TEXT1.text = 'A new text';

 

Hints and Tips

 

HTML is displayed as text in the WYSIWYG View

WARNING: the system renders the page as XHTML in the WYSIWYG View, and not all HTML content is considered valid within the XHTML standard. This can sometimes cause unexpected results when HTML content is added to a page. Click here for further information.

 

How to specify space above and below a text

Only left and right padding/margin properties are supported by this control. Specify top and bottom padding/margin by wrapping the Text Control in a Panel Control and add the padding/margin properties to this. Alternatively, use a layout gap or a Spacer Control – click here for more information.

 

Right Click Menu Actions

Click here for right-click menu actions available to all controls.

There are no specific right click actions for this control.

 

Appearance in Outline View

A Text Control is shown with the control name in brackets:

 

txc1