You are here: User interface > User interface rules > Harness and section forms > Harness and Section formsAdding a Rich Text Editor control

Harness and Section forms
Adding a Rich Text Editor control

You can add a Rich Text Editor control to a cell, enabling users to add and edit rich text within web browsers. A Rich Text Editor control presents the user with WYSIWYG editing area. This makes it easy for users to use familiar document formatting:  changing the font type, weight, format, color, and create bulleted or numbered lists.

You can configure the Rich Text Editor toolbar, enabling users to insert additional elements, such as tables, images, indentation, and so on:

At runtime, users can drag and drop text and images into or out of the control while preserving formatting.

The rich text editor control is responsive when added to a dynamic layout. You can configure events on the control, such as displaying a Smart Tip on hover or refreshing the section on change.

Style the rich text editor control as desired in the skin; see Skin form — Components tab — Controls — Rich Text Editor.

Adding a Rich Text Editor control

  1. In the harness, section, or flow action, click the down-arrow Arrow at the right end of the Advanced controls group and select the Rich Text Editor control.
  2. Drag the control into the layout and release the mouse button to drop the control.
    If you are using a cell-based layout and you drag the control into a cell that is not empty, then the dropped control replaces the current contents of the cell.
  3. Click the gear icon Magnifying glass to display the Cell Properties panel.
  4. On the Properties panel, define the radio button using the following tabs:
Related topics Rich text editor control - General tab
Rich text editor control - Presentation tab
Actions tab
Skin form — Components tab — Controls — Rich Text Editor

About Flow Actions

About Harnesses

About Sections