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 used to define properties for all of the tabs inside of it.
 
== Using Tab Controls ==
 
== Using Tab Controls ==
 
Tab Controls are descendants of the [[LavishGUI:Elements|base]] element type.  Any attributes of the [[LavishGUI:Elements|base]] element type may be applied in addition to the tab control-specific properties described below.
 
Tab Controls are descendants of the [[LavishGUI:Elements|base]] element type.  Any attributes of the [[LavishGUI:Elements|base]] element type may be applied in addition to the tab control-specific properties described below.
  
 
=== Tab Control-Specific Properties ===
 
=== 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
 
== Examples ==
 
== 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 ==
 
== See Also ==
 
* [[LavishGUI]]
 
* [[LavishGUI]]
 
* [[LavishGUI:Elements|Elements]]
 
* [[LavishGUI:Elements|Elements]]
 
[[Category:LavishGUI]]
 
[[Category:LavishGUI]]

Revision as of 23:38, 20 September 2005

Introduction

What is a Tab Control?

A tab control is used to define properties for all of the tabs inside of it.

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

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