Main screen
From this screen you have full control over button creation and editing.
Click over the image below in order to be taken to every available element explanation:
Menu bar: The main menu of the application: for details about all of the available menu items. see the
Application Main menu section.
Button Preview pane: The button editing area. The background color of this area, that will affect the external border of the edited button, can be changed from inside the
Colors Tab: further details are available inside the "
Colors Tab" section.
Button under editing: The button we are working on:
You can change its size (expressed in video pixels) by dragging one of the 8 handles positioned around the button or through the Width and Height fields available immediately under the Button Preview pane. The min size allowed is 10x10. The max size allowed is 536 horizontal and 160 vertical.
You can change button characteristics through the various Tabs available..
You can view the various states of the button (Normal, Mouse Over, Pressed) by clicking the mouse or by moving the mouse pointer over the button. The Disabled state can be seen checking the Preview in disabled state check box.
Preview in disabled state: This checkbox will allow you to see the edited button in its disabled state: mainly the
Disabled state is obtained changing the surface and text colors: by default only the text color is rendered as gray while the surface color is left unchanged. You can define new colors for the Disabled state through the
Colors Tab (for the surface color) or through the
Text Tab (for the text color): details are available inside the "
Colors Tab" and "
Texts Tab" sections.
Help button: Opens this guide.
Shape Tab: From this
Tab you can change the button shape. See the
Shape Tab section for details.
Surface Tab: From this
Tab you have full control over the button appearance. See the
Surface Tab section for details.
Lighting Tab: From this
Tab you can modify the direction of the light impacting the button surface. See the
Lighting Tab section for details.
Texts Tab: From this
Tab you have full control over the nine (9) different available texts. See the
Texts Tab section for details.
Colors Tab: From this
Tab you can decide the colors applied to the button surface. You can have different colors for each state of the button (
Normal,
Pressed,
Mouse Over and
Disabled). See the
Colors Tab section.
Pictures Tab: From this
Tab you can display a picture over the button area. You can have different pictures for each state of the button (
Normal,
Pressed,
Mouse Over and
Disabled). See the
Pictures Tab section for details.
Textures Tab: From this
Tab you can apply a texture to the button surface. See the
Textures Tab section for details.
Others Tab: From this
Tab you can make further modifications to the button under editing, for example changing its size. See the
Others Tab section for details.
Templates samples: From these two
Tabs you can apply, with a single click over one of the "already designed" buttons, a set of predefined settings to the button under editing.
Your templates: From this
Tab you can load and save your own templates. See the
Your templates Tab section for details.
Tab area: This area contains the settings available on the selected
Tab;
on this picture you can see the settings of the
Shape Tab whose details are available inside the
Shape Tab section.
