Dropdown Configuration file Structure

The Cute Editor dropdown configuration file, which contains XML, specifies the dropdown configuration information of the Cute Editor instance.

This topic explains the contents of the Cute Editor dropdown configuration file. Specifically, it shows the XML structure. The name of the dropdown configuration file is Common.config which can be found in the CuteEditor_Files/Configuration/Shared folder.

XML Structure:

<?xml version="1.0" encoding="utf-8" ?>
<configuration>

<dropdowns>
  <CssClass>
   <item text="[[NotSet]]" value="null"></item>
   <item text="Red Text" value="RedColor"></item>
   <item text="Highlight" value="Highlight"></item>
   <item text="Bold Green Text" value="BoldGreen"></item>
  </CssClass>
  <Codes>
   <item text="Email signature" value="Email signature"></item>
   <item text="Contact us" value="Contact us"></item>
  </Codes>
  <Links>
   <item text="CuteSoft" value="http://cutesoft.net/"></item>
   <item text="Mail to us" value="mailto:support@CuteSoft.Net"></item>
   <item text="Yahoo.com" value="http://www.yahoo.com/"></item>
   <item text="Google.com" value="http://www.google.com"></item>
   <item text="MSDN" value="http://msdn.com/"></item>
  </Links>
  <Images>
   <item text="Logo" value="http://www.cutesoft.net/images/logo.gif"></item>
   <item text="Flower" value="http://cutesoft.net/data/j0313820.jpg"></item>
  </Images>
  <DropForeColor>
   <item text="[[NotSet]]" value="null"></item>
   <item text="Black" color="Black" value="Black"></item>
   <item text="Red" color="Red" value="Red"></item>
  </DropForeColor>
  <DropBackColor>
   <item text="[[NotSet]]" value="null"></item>
   <item text="White" bgColor="White" value="White"></item>
   <item text="Red" bgColor="Red" value="Red"></item>
  </DropBackColor>
  <Zoom>
   <item text="400%" value="400"></item>
   <item text="300%" value="300"></item>
   <item text="200%" value="200"></item>
   <item text="100%" value="100"></item>
   <item text="80%" value="80"></item>
   <item text="75%" value="75"></item>
   <item text="66%" value="66"></item>
   <item text="50%" value="50"></item>
   <item text="33%" value="33"></item>
   <item text="25%" value="25"></item>
  </Zoom>
  <FormatBlock>
   <item text="[[Normal]]" value="<P>"></item>
   <item text="[[Heading 1]]" value="<h1>"></item>
   <item text="[[Heading 2]]" value="<H2>"></item>
   <item text="[[Heading 3]]" value="<H3>"></item>
   <item text="[[Heading 4]]" value="<h4>"></item>
   <item text="[[Heading 5]]" value="<h5>"></item>
   <item text="[[Heading 6]]" value="<H6>"></item>
   <item text="[[Address]]" value="<Address>"></item>
   <item text="[[MenuList]]" value="<MENU>"></item>
   <item text="[[Formatted]]" value="<PRE>"></item>
   <item text="[[Definition Term]]" value="<DT>"></item>
  </FormatBlock>
  <FontName>
   <item text="Arial" value="Arial">Arial</item>
   <item text="Verdana" value="Verdana">Verdana</item>
   <item text="Comic Sans MS" value="Comic Sans MS">Comic Sans MS</item>
   <item text="Courier" value="Courier">Courier</item>
   <item text="Georgia" value="Georgia">Georgia</item>
   <item text="Impact" value="Impact">Impact</item>
   <item text="Lucida Console" value="Lucida Console">Lucida Console</item>
   <item text="Tahoma" value="Tahoma">Tahoma</item>
   <item text="Times New Roman" value="Times New Roman">Times New Roman</item>
   <item text="Wingdings" value="Wingdings">Wingdings</item>
  </FontName>
  <FontSize>
   <item text="[[NotSet]]" value="null"></item>
   <item text="1 (8pt)" value="1"></item>
   <item text="2 (10pt)" value="2"></item>
   <item text="3 (12pt)" value="3"></item>
   <item text="4 (14pt)" value="4"></item>
   <item text="5 (18pt)" value="5"></item>
   <item text="6 (24pt)" value="6"></item>
   <item text="7 (36pt)" value="7"></item>
  </FontSize>
</dropdowns>
</configuration>

<configuration> Element

Each configuration file must start with the configuration element.

<dropdowns> Element

This element contains the configuration information for the dropdowns within Cute Editor.

<CssClass> Element

This element contains the configuration information for the CssClass dropdown within Cute Editor.

<Codes> Element

This element contains the configuration information for the Code Snippet dropdown within Cute Editor.

<Links> Element

This element contains the configuration information for the Links dropdown within Cute Editor.

<Images> Element

This element contains the configuration information for the Images dropdown within Cute Editor.

<Zoom> Element

This element contains the configuration information for the Zoom dropdown within Cute Editor.

<FormatBlock> Element

This element contains the configuration information for the Paragraph dropdown within Cute Editor.

<FontName> Element

This element contains the configuration information for the Font Name dropdown within Cute Editor.

<FontSize> Element

This element contains the configuration information for the Font Size dropdown within Cute Editor.

<CssClass>, <Codes>, <Links>, <Images>, <Zoom>, <FormatBlock>, <FontName>, <FontSize>: <item> Element

This element contains the configuration information for a data item for use within a Cute Editor dropdown menu.

Attribute	Description
text	Sets the text displayed in a Cute Editor dropdown menu data item when not rendering as rich style
value	Sets the value which is returned to the server when the form control is submitted. Example: For the font size dropdown menu, the value should be a number. For the CssClass dropdown menu, the value should be a class name.

Attribute

Description

text

Sets the text displayed in a Cute Editor dropdown menu data item when not rendering as rich style

value

Sets the value which is returned to the server when the form control is submitted.

Example:

For the font size dropdown menu, the value should be a number.

For the CssClass dropdown menu, the value should be a class name.

Example:

<item text="color:red" value="color:red"></item>