You are here: Reference > Rule types > Skins > Skin form — Controls — Rich Text Editor

Skin form — Components tab — Controls — Rich Text Editor

 

Styles set here apply to the header, footer, and border of rich text editor controls. You can create custom rich text editor control formats.

A preview of the currently selected format displays to the right. You can also preview formats by selecting Actions > Launch in the toolbar and then choosing one of the following preview options: Run Process, Open Portal, Harness Preview, UI Gallery Preview, Skin Preview.

 

Use mixin

Select to use a mixin to define the color of the header, footer, and border. The Mixin field displays the name and a preview of the currently selected mixin. Click the Gear iconGear iconto select a different mixin from the list.

Specify styles

Select this check box to define a custom color format for the header, footer, and border. Select:

  • solid — Enter a hexadecimal value (such as #3d3d3d) or click the box next to the field to Choose a Color.
  • gradient — Select the Direction in which you want to blend the background colors, horizontal or vertical. Specify the Start and End colors of the gradient. Specify a Backup color, in the event that the browser cannot render the gradient.

Creating a new rich text editor format

You can create custom rich text editor control formats that you can apply within your application. See Harness and Section forms — Adding a Rich Text Editor control.

Creating a custom rich text editor format

To create a new style format:

  1. Click Add a format.
  2. In the Create a new format dialog, type the Format name using only alphanumeric characters (a-z and 0-9) and spaces. The name cannot begin with a number. The style name that you enter is converted into the name CSS class/classes.
  3. Type a Usage annotation, if desired.
  4. Click OK. The new format is populated with default values.

If you want to create a new format that is a copy of an existing format, right-click the format that you want copy and then click Clone.

Applying a custom rich text editor format

  1. In the cell containing the rich text editor control, click the Gear icon Gear icon to open the Cell Properties panel.
  2. On the Presentation tab, press the down arrow in the Style field to select the custom format that you want to use.
Related topics Harness and Section forms — Adding a Rich Text Editor control
Related topics Skin rules — Completing the Components tab

About Skin rules