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.

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"/>