WEB EDITOR

Editable Template Elements Editor

This dialog allows you to select certain editable template element and change its font properties.

These are the four editable template elements that you can select from the Element combo box:

Category Items
Menu Items
Pageheaders
Buttons

The preview area shows the image of current element.

Position - Drag the arrows in the preview area to adjust text position on the editable element. NOTE: If you don't see the red arrow (the rightmost one on the picture), resize the window so it fits in the view.
Caption (edit box) - This box allows you to edit editable element caption.

Font (combo box) - This combo box defines the font used to render the text.
Font Size (combo box) - This combo box defines the font size used to render the text.
Font Color (color picker and preview) - This color picker sets the text color.
B / I / U (toggle buttons) - These buttons represent few common text formatting parameters - Bold (B), Italic (I) and Underlined (U). Use them to format the caption text.
Align (mode buttons) - Use one of the three align modes (left, center, right) to align the caption text.
Hover Color (color picker and preview) - (for Category and MenuItems only) This color picker sets the dual-state text color.
B / I / U (toggle buttons) - You can set here bold, italic or underlined for the text dual-state .
Offset (number spin box) - Sets the offset for text dual-state.
Shadow (check box) - If checked, shadow effect will be applied to the editable element caption.
Shadow color (color picker and preview) - Use the color button to set color for the shadow effect (if shadow is enabled).
Shadow depth (slidebars) - Use the two slidebars to set shadow depth - horizontal and vertical (if shadow is enabled).
A-Alias (checkbox) - Enable/Disable anti-aliasing.
Default settings (button) - Restore default (template) font settings for current element.
Multi-line (combo box) - If activated, this option allows you to set multi-line caption in the editable element (applicable for fixed width elements).
Background Image (radio button) - Check this button if you want to use background image for the element you are editing. Use Select image button to select an image. Use Dual state image if you want to apply dual state effect. Use Default button to select the default background for the element you are editing.
Background Color (radio button) - Check this button if you want to use background color for the element you are editing. Use the Color picker button to select color. Use Dual state color if you want to apply dual state effect.

Note: Not all of the above listed properties are available for all editable element types.

For Page Header element only there are two additional properties:

Page Header Position (combo box) - You can choose between Left, Right and Center.
Use Pageheaders (check box) - Keep this box checked if you want to use pageheaders in your site. This option affects entire project.

In case you use Text Menus there are two additional properties:

Text Transform (combo box) - Use this option to fast transform menu text to Uppercase, Lowercase or Capitalized. None is set as default.
Letter-spacing (check box) - Sets spacing between letters.
Variant (combo box) - Select small-caps option, in case you need the text to be fixed with small-caps.