Skinning HowTo/XUI Containers

XUI Reference

• Basics
• Common attributes
• Menus
• Containers
• Buttons, Sliders, and Spinners
• Selection Widgets
• Text Entry Widgets
• Other Widgets

Overview

This page describes the XML attributes for the XUI containers. They are used by the XUI files in the \skins\default\xui folders.

Many XUI elements share the same attributes. Rather than repeatedly describing them, we just list their names here and describe them at Skinning HowTo/Common XUI attributes.

floater

• Used by tab_container.
• Class LLFloater
• In source file llui/llfloater.cpp

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
 <floater bottom="400" can_close="true" can_drag_on_left="false" can_minimize="true"
     can_resize="true" can_tear_off="false" enabled="true" follows="left|top"
     height="200" left="550" min_height="50" min_width="50" mouse_opaque="true"
     name="example_floater" tab_stop="false" title="floater" width="250">
 </floater>

Common attributes

• General: name, mouse_opaque, tool_tip, control_name, enabled, visible, use_bounding_rect, default_tab_group
• Positioning and size attributes: width, height, left, right, left_delta, bottom, top, bottom_delta, follows, rect_control
• Text attributes: label
• Others: border

Special attributes

bevel_style

Optional.

border_drop_shadow_visible

Optional.

border_visible

Optional.

border_style

Optional.

border_thickness

Optional.

border_bevel

Optional.

can_close

Optional.

can_drag_on_left

Optional.

can_minimize

Optional.

can_tear_off

Optional.

help_topic

Floaters can include an optional help_topic attribute to specify the name of the floater's help topic. If this value is non-empty, the floater will display a help button, "?", next to the minimize and close buttons in the title bar. Clicking on that button will cause the relevant help topic to be displayed in the Help Viewer.

max_height

Optional.

min_height

Optional.

min_width

Optional.

title

Optional.

short_title

Optional.

multi_floater

• Can contain icon, string, tab_container, and panel.

Common attributes

• General: name, mouse_opaque, tool_tip, control_name, enabled, visible, use_bounding_rect, default_tab_group
• Positioning and size attributes: width, height, left, right, left_delta, bottom, top, bottom_delta, follows, rect_control

Special attributes

min_height

Optional.

min_width

Optional.

title_bar

Optional.

panel

• Used by floater, tab_container, layout_panel, multi_floater, and recursively by other panels.
• Class LLPanel
• In source file llui/llpanel.cpp

Common attributes

• General: name, mouse_opaque, tool_tip, control_name, enabled, visible, use_bounding_rect, default_tab_group
• Positioning and size attributes: width, height, left, right, left_delta, bottom, top, bottom_delta, follows, rect_control
• Text attributes: label
• Others: tab_group, border

Special attributes

background_opaque

Optional.

background_visible

Optional.

bevel_style

Optional.

bg_visible

Optional.

bg_alpha_color

Optional.

bg_opaque_color

Optional.

can_resize

Optional.

can_close

Optional.

can_minimize

Optional.

filename

Optional.

placeholder

Optional.

border_drop_shadow_visible

Optional.

border_visible

Optional.

border_style

Optional.

border_thickness

Optional.

border_color

Optional.

title

Optional.

auto_resize

Optional.

user_resize

Optional.

left_in_finder

Optional.

select

Optional.

layout_stack

• Used by floater, panel, and layout_panel.
• Can contain button, flyout_button, icon, layout_panel, and scroll_list.
• Class LLLayoutStack
• In source file llui/llpanel.cpp

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
 <floater bottom="400" can_close="true" can_drag_on_left="false" can_minimize="true"
     can_resize="true" can_tear_off="false" enabled="true" follows="left|top"
     height="100" left="621" min_height="100" min_width="250" mouse_opaque="true"
     name="example_layout_stack" tab_stop="false" title="layout_stack"
     width="250">
    <layout_stack bottom="10" enabled="true" height="50" left="0" mouse_opaque="true"
         name="stack" orientation="horizontal" width="235" >
        <layout_panel name="panel1" min_height="10" height="200" width="640"/>
        <layout_panel name="panel2" min_height="10" height="200" width="640">
            <icon bottom="20" color="1 0.5 0 1" enabled="true" height="30" left="10"
             mouse_opaque="false" name="icon" tab_stop="false" width="223"
             image_name="icon_day_cycle.tga" />
        </layout_panel>
    </layout_stack>
 </floater>

Common attributes

• General: name, mouse_opaque, tool_tip, control_name, enabled, visible, use_bounding_rect, default_tab_group
• Positioning and size attributes: width, height, left, right, left_delta, bottom, top, bottom_delta, follows, rect_control
• Others: tab_group, border

Special attributes

min_height

Optional.

min_width

Optional.

orientation

Optional.

border_size

Optional.

layout_panel

• Used by layout_stack.
• Can contain button, check_box, combo_box, icon, layout_stack, line_editor, panel, progress_bar, scroll_list, Text attributes, Text attributes_editor, and web_browser.
• In source file llui/llpanel.cpp

Common attributes

• General: name, mouse_opaque, tool_tip, control_name, enabled, visible, use_bounding_rect, default_tab_group
• Positioning and size attributes: width, height, left, right, left_delta, bottom, top, bottom_delta, follows, rect_control
• Text attributes: label
• Others: border

Special attributes

min_height

Optional.

min_width

Optional.

auto_resize

Optional.

can_resize

Optional.

user_resize

Optional.

filename

Optional.

background_visible

Optional.

scroll_container

A scroll_container's children must be a panel, list, container_view or scrolling_panel_list.

• Used by floater.
• Can contain panel.
• Class LLScrollableContainerView : LLUICtrl : LLView
• in source file llui/llscrollcontainer.cpp

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
 <floater bottom="400" can_close="true" can_drag_on_left="false" can_minimize="true"
     can_resize="true" can_tear_off="false" enabled="true" follows="left|top"
     height="200" left="550" min_height="200" min_width="250" mouse_opaque="true"
     name="example_scroll_container" tab_stop="false" title="scroll_container"
     width="250">
    <scroll_container bottom="20" enabled="true" height="150" left="20" mouse_opaque="false"
         name="scroll_container" opaque="false" tab_stop="false" width="200">
        <panel bottom="149" enabled="true" height="700" left="1" mouse_opaque="true"
             name="panel" tab_stop="false" width="200">
        </panel>
    </scroll_container>
 </floater>

Common attributes

• General: name, mouse_opaque, tool_tip, control_name, enabled, visible, use_bounding_rect, default_tab_group
• Positioning and size attributes: width, height, left, right, left_delta, bottom, top, bottom_delta, follows, rect_control

tab_container

• Used by floater, panel, and multi_floater.
• Can contain inventory_panel, panel, and floater.
• Class LLTabContainer
• In source file llui/lltabcontainer.cpp

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
 <floater bottom="400" can_close="true" can_drag_on_left="false" can_minimize="true"
     can_resize="true" can_tear_off="false" enabled="true" follows="left|top"
     height="150" left="600" min_height="150" min_width="200" mouse_opaque="true"
     name="example_tab_container"
     tab_stop="false" title="tab_container" width="200">
    <tab_container bottom="-80" enabled="true" follows="left|top" height="20" left="20"
         mouse_opaque="false" name="tab_container" tab_position="top"
         tab_stop="false" width="150">
        <panel border="true" bottom="-19" enabled="true" follows="left|top|right|bottom"
             height="3" label="panel" left="1" mouse_opaque="false" name="panel"
             tab_stop="false" width="148" />
    </tab_container>
 </floater>

Common attributes

• General: name, mouse_opaque, tool_tip, control_name, enabled, visible, use_bounding_rect, default_tab_group
• Positioning and size attributes: width, height, left, right, left_delta, bottom, top, bottom_delta, follows, rect_control
• Others: tab_group, border

Special attributes

tab_width

Optional.

tab_min_width

Optional.

tab_max_width

Optional.

hide_tabs

Optional.