LavishGUI:tabcontrol (Element Type)

Introduction

What is a Tab Control?

A tab control is a collection of frames, one of which is visible. Tabs are placed along the top edge of the control, with the selected frame visible below. lguitabcontrol (Data Type) and lguitab (Data Type) are used to provide access via LavishScript.

Using Tab Controls

Tab Controls are descendants of the base element type. Any attributes of the base element type may be applied in addition to the tab control-specific properties described below.

Tab Control-Specific Properties

• BackgroundColor

Background color

• Border

Size of border around the element. This border is included in the size of the element

• BorderColor

Border color

• Draggable

Enable if the user can reorder the tabs at the top by dragging (why not?)

• Font

Font reference (Name, Size, Color)

• FrameBackgroundColor

Background color for the frame (currently displayed tab page)

• FrameBorder

Size of border around the frame (currently displayed tab page). This border is included in the size of the frame

• FrameBorderColor

Border color for the frame (currently displayed tab page)

• FrameTexture

Texture used for the frame (currently displayed tab page)

• LeftTexture

Left button texture

• LeftHoverTexture

Left button texture when hovering

• LeftPressedTexture

Left button texture when pressed

• RightTexture

Right button texture

• RightHoverTexture

Right button texture when hovering

• RightPressedTexture

Right button texture when pressed

• SelectedTextColor

Text color for the currently selected tab (button)

• TabBorder

Tab (button) border

• TabHeight

Tab (button) height

• TabTexture

Normal tab (button) texture

• TabSelectedTexture

Selected tab (button) texture

• Tabs

Container element for the tabs, treat them like the <Children> of a <Frame>

Embedded Script

• OnSelect

Executes when a new tab is selected. Integer variable ID contains the ID of the newly selected tab.

Examples

Example code

 <TabControl Name='my tab control'>
 <TabHeight>100</TabHeight>
   <Tabs>
     <Tab Name='My Tab'>
        <Button Name='My Button'>
        </Button>
     </Tab>
     <Tab Name='Second Tab'>
        <Button Name='My Button'>
        </Button>
     </Tab>
   </Tabs>
 </TabControl>

See Also

• lguitabcontrol (Data Type)
• lguitab (Data Type)
• LavishGUI
• Elements