Difference between revisions of "UI Widgets"
Jump to navigation
Jump to search
Zen Linden (talk | contribs) |
Zen Linden (talk | contribs) |
||
Line 3: | Line 3: | ||
List of widgets at your disposal: | List of widgets at your disposal: | ||
LLTextBox - a holder of displayed text | <b>LLTextBox</b> - a holder of displayed text | ||
LLSlider - a knob you can move horizontally to control a value | <b>LLSlider</b> - a knob you can move horizontally to control a value | ||
LLRadioGroup - a group of radio buttons for choosing a particular setting | <b>LLRadioGroup</b> - a group of radio buttons for choosing a particular setting | ||
LLLineEditor - a means of inputing text | <b>LLLineEditor</b> - a means of inputing text | ||
LLCheckBoxCtrl - a check box for turning something on or off | <b>LLCheckBoxCtrl</b> - a check box for turning something on or off | ||
LLButton - a button to press | <b>LLButton</b> - a button to press | ||
LLComboBox - a drop down list with a single line text box | <b>LLComboBox</b> - a drop down list with a single line text box | ||
===Widget Options=== | ===Widget Options=== |
Revision as of 21:19, 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.