First Level Items Style


This window presents the controls to define some advanced settings pertinent to graphic style of buttons that show the first level menu items.

The controls necessary to proceed to the buttons customization are presented in 3 sections:

General Section:
With the options presented in this section you can proceed to the definition of some general settings.

All changes made are showed in the frame Preview.

The available controls are:

-

Enable customized settings: enabling this option, the buttons are showed with the aspect defined using the settings presented in these sections. Do not enabling this option, the buttons are showed according to the default settings and the preview will be updated after the view in the Browser.

-

Border width: it allows to specify the border width of the button. This option is enabled only if the option Create button as image is not enabled.

-

Border color: it allows to specify the border color of the buttons.

-

Outer margin: it allows to set the outer margin, that is the space present among one button and the other.

 

 

Text Section:
Using the proposed options in this section you can define the graphic settings pertinent to the buttons text.

All changes made are showed in the frame Preview.

The available controls are:

-

Font: it allows to define the font type, the style and the size in points for the text.

-

Alignment: it allows to define the text alignment as regards the button.

-

Font style: it allows to set a text style. The style is applied only if the option Create button as image has been enabled.

 

 

Colors Section:
Using the options presented in this section you can define the colors for the different elements and states of the button.

All changes made are showed in the frame Preview.

The available controls are:

-

Background color: it allows to define the color for the button background.

-

Background color on mouse over: it allows to define the color for the button background on mouse over.

-

Font color: it allows to define the color for the button text.

-

Font color on mouse over: it allows to define the text color for the button on mouse over.

The color selection is always made through the opened window Color.



Once defined the advanced settings for the buttons style, you can proceed using the following buttons:

-

Ok: Return to the Advanced Settings window whilst saving the changes you have made

-

Cancel: Return to the Advanced Settings window without saving the changes you have made.