Editing Text

Elements that allow text editing are found under the 'Basic' category of the Page Element Library.

When you are modifying text, a Text Edit Toolbar automatically appears for the element as shown below.

The text edit toolbar buttons are:

  • Bold selected text

  • Italicize selected text

  • Underline selected text

  • Strike-through selected text

  • Turn selected text into a Link element

  • Start an un-ordered list i.e. with bullets

  • Start an ordered list i.e. a numbered list

  • Make selection into Badged Text.

  • Make selection into a Dynamic Content placeholder. (Only applicable if the element is inside a Data Design element).

Beyond the above described information, each of these elements differ in their rendering behavior as explained below:

Text

By default Text elements occupy the full horizontal area they are contained in.

For writing text over multiple lines, use the Text element with the Type setting set to Default.

When the Type setting is changed to Inline the elements only occupy as much horizontal space as they need as shown below.

Note that in the above example, both the elements have been set as Inline. If only one element is set as Inline, the other element would still occupy the full horizontal space.

Inline Text

The Inline Text element behaves similar to a Text element with the Type set to Inline. The main difference is that Inline Text elements always remain inline and do not have any other settings.

The Link element creates a clickable web hyperlink that can be configured to point at a specific URL.

The Link element behaves similar to an Inline Text element or a Text element with the Type set to Inline.

A Link element is created automatically if you use the hyperlink option in the text edit toolbar.

For more information about Link see here.

Text, Inline Text and Link elements use the Body font defined at the page level (in Page Settings) or the Body font defined at the app level (in App Settings). To change the font for a specific element, use the design tab in the element settings.

Heading

The Heading element can be configured for various sizes: Heading 1 (largest) through Heading 6 (smallest).

Unlike Text, Inline Text and Link elements, Heading elements can contain other elements and thereby have those inherit its font settings.

Heading elements use the Heading font defined at the page level (in Page Settings) or the Heading font defined at the app level (in App Settings). To change the font for a specific element, use the design tab in the element settings.

Last updated