Inline Style Dropdown Customization

Inline Style dropdown Customization

The Inline Style dropdown of CuteEditor displays a predefined set of Inline Styles. You can easily add your own Inline Styles using the following methods:

1. Edit Dropdown Configuration file (Common.config).

The dropdown configuration file (Common.config) can be found in the CuteEditor_Files/Configuration/Shared folder. In dropdown configuration file you can find the CssStyle element which contains the configuration information for the Inline Style dropdown within Cute Editor.

You can modify the CssStyle element to create your own CSS Classes list.

Example:

<CssStyle>
<item text="[[NotSet]]" value="null"></item>
<item text="font-size:18pt" value="font-size:18pt"></item>
<item text="color:red" value="color:red"></item>
</CssStyle>

Now the Inline Style dropdown contains "font-size:18pt", "color:red".

2. Programmatically populate the CSS Class dropdown

Code Example:

<%
Dim editor
Set editor = New CuteEditor
editor.ID = "Editor1"
'Programmatically populate the CSS Class dropdown.
editor.InlineStyleDropDownMenuNames="font-size:18pt,color:red"
editor.InlineStyleDropDownMenuList="font-size:18pt,color:red"
editor.Text = "Hello World"
editor.Draw()
%>