Class Selector

How to add an item to the class selector

The class appears in the class selector if you define a format for the selector element (e.g. <img/>) and related classes (e.g.".right") and specify the <select /> for its representation in Visual Editor.

Note: You can specify more than one element for the selector separating them with a comma (",").

  1. In a style sheet listed in  common.xml (e.g.\Styles\common.css), create a style for an element, e.g.:
    .right{
    	float: right;
    }
  2. In common.xml, create a <radiogroup> or use the existing one for the class selector.
  3. Add a <format> element to the radio group.
  4. Add the following attributes to the format and specify their values, e.g.:
    • id="right"
    • label="Right"
    • notes="Right"
    • classes="right"
    • selector="img"
  5. Add the <select/> element to the <format> element.

In common.xml you should have something like this:

<radiogroup> 
  <format id="right" label="Right" notes="Right" classes="right" selector="img"> 
    <select /> 
  </format> 
</radiogroup>

If you want a button on the toolbar, too, add the <button/> element within <format> (right under <select/>) and specify its label or its image attribute:

<button label="Images/right.png"/>