Navigation:  Reference > Elements >

Tabs

Previous pageReturn to chapter overviewNext page

Tabs belongs to the "Widgets" category and it has different look in various UI themes.

UI Theme:

Hand Drawn

Wire Frame

Windows XP

MAC OS X

Window 7

Legend

Tabs_hand

Tabs_wire

Tabs_XP

Tabs_Mac

Tabs_Win7

Double clicking the Tabs element can change the titles of its tabs.  The titles are separated with comma, if you need to use comma in tab title, use '\' to escape it.

tabs_edit

Tabs is a container element, and each tab can serve as a container.  The elements that embedded in inactive tabs will be hidden (show in gray in the Outline View).

hidden_by_tab

Tabs can accept image from Images Panel as the icon for each tab.  You can change its icon from the Tools Panel, or directly drag the image into the tab.

tabs_icon

Element Specific Facilities

tabs_facilities

1.Font of the tab titles
2.Font size
3.Text color
4.Select previous/next tab
5.Show tabs on top/bottom
6.Set tab height ( in pixels )
7.Set icon for selected tab
8.Set container padding (in pixels)
9.10. 11. Change state for tabs

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, Selection Changed

Element Actions

Change Visibility, Change Location, Change Size, Change State, Set Selected Index

Element Properties

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

Index of the Selected Tab