Navigation:  Reference > Elements >

Button

Previous pageReturn to chapter overviewNext page

Button belongs to the "Widgets" category and it has different looks in various UI themes.

UI Theme:

Hand Drawn

Wire Frame

Windows XP

MAC OS X

Window 7

Legend

Button_hand

Button_wire

Button_XP

Button_Mac

Button_Win7

Double clicking the Button element can change its text label.

button_text

Button can accept image as its icon.  You can change its icon from Tools Panel, or drag image from Images Panel directly into the button.

buttonicon

Element Specific Facilities

button_facilities

1.Underline the text
2.Italic the text
3.Bold the text
4.Align of the text
5.Font of the text
6.Text size
7.Text color
8.Text margin ( in pixels )
9.Set icon on the button
10.Set the distance between the icon and the text ( in pixels )
11.Set the icon's position with the text
12.13.Set button state

Element Events

Element Clicked, Element Double-Clicked, Element Right-Clicked, Element Initialized, Element Hidden, Mouse Over, Mouse Out, Mouse Move, Mouse Down, Mouse Up, Key Down, Key Up, Custom Event

Element Actions

Change Visibility, Change Location, Change Size, Change State

Element Properties

Id, X Coordinate, Y Coordinate, Width, Height, Visible, Note