Difference between revisions of "UI Widgets"
Jump to navigation
Jump to search
Zen Linden (talk | contribs) |
Zen Linden (talk | contribs) |
||
Line 1: | Line 1: | ||
Documentation of the current XUI xml format as used in the Second Life viewer for its UI elements. | Documentation of the current XUI xml format as used in the Second Life viewer for its UI elements. | ||
===Widget List=== | ===Widget List=== | ||
List of widgets at your disposal | List of widgets at your disposal: | ||
LLTextBox - a holder of displayed text | |||
LLSlider - a knob you can move horizontally to control a value | |||
LLRadioGroup - a group of radio buttons for choosing a particular setting | |||
LLLineEditor - a means of inputing text | |||
LLCheckBoxCtrl - a check box for turning something on or off | |||
LLButton - a button to press | |||
LLComboBox - a drop down list with a single line text box | |||
===Widget Options=== | ===Widget Options=== |
Revision as of 21:18, 20 January 2008
Documentation of the current XUI xml format as used in the Second Life viewer for its UI elements.
Widget List
List of widgets at your disposal:
LLTextBox - a holder of displayed text
LLSlider - a knob you can move horizontally to control a value
LLRadioGroup - a group of radio buttons for choosing a particular setting
LLLineEditor - a means of inputing text
LLCheckBoxCtrl - a check box for turning something on or off
LLButton - a button to press
LLComboBox - a drop down list with a single line text box
Widget Options
You will see the following information in XML files as you go. Here's what all the options mean.
Name
- name="SuperWidget" // name of the widget. You will use this name in the code to identify your widget when you need it
Control Name
- control_name="DebugSetting" // Allows you to instantly tie a widget to Debug_Settings without writing any code. Very useful.
Width and Height
- width="100" // sets the width of the widget to be 100 pixels
- Note: This is the entire width of the widget, not just the label.
- height="20" // sets the height of the widget to be 20 pixels
- Note: This is the entire width of the widget, not just the label.
Left
- left="10" // sets the horizontal position of the left edge of the widget to be 10 pixels from the left edge of the panel or floater
- left_delta="100" // sets the horizontal position of the left edge of the widget to be 100 pixels from the left edge of previously listed widget
- Note: Use left *or* left_delta, never both.
Bottom
- bottom="300" // sets the vertical position of the bottom edge of the widget to be 300 pixels from the bottom edge of the panel or floater
- bottom="-30" // sets the vertical position of the bottom edge of the widget to be 30 pixels from the top edge of the panel or floater
- bottom_delta="-30" // sets the vertical position of the bottom edge of widget to be 30 pixels from the bottom edge of previously listed widget
- Note: Use bottom *or* bottom_delta, never both.
- Note: All floaters, panels and widgets appear to accept these, so I will simply refer to them as "coordinates" rather than spell them out for each file.