Difference between revisions of "LavishGUI:tabcontrol (Element Type)"

From Lavish Software Wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
== Introduction ==
 
== Introduction ==
 
=== What is a Tab Control? ===
 
=== 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.
+
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. [[LavishGUI:lguitabcontrol_%28Data_Type%29|lguitabcontrol (Data Type)]] and [[LavishGUI:lguitab_%28Data_Type%29|lguitab (Data Type)]] are used to provide access via LavishScript.
  
 
== Using Tab Controls ==
 
== Using Tab Controls ==

Revision as of 23:32, 15 December 2005

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
  • FrameBorder
Size of border around the frame. This border is included in the size of the frame
  • FrameBorderColor
Border color for the frame
  • FrameTexture
Texture used for the frame
  • 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
  • TabBorder
Tab border
  • TabHeight
Tab height
  • TabTexture
Normal tab texture
  • TabSelectedTexture
Selected tab 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