summaryrefslogtreecommitdiff
path: root/indra/newview/skins/default/xui/en/floater_test_widgets.xml
blob: 12d7e1876276c1a12b1da9f5a49e39c18044a882 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<!-- Sample "floater" window with examples of common widgets. 

    Notes:
    XML UI (XUI) files use spaces for indentation, not tabs.
    All position values are in pixels.
    For now, each widget must contain attribute layout="topleft".
    0,0 is the top-left corner of the floater.
    Each widget must have a unique name attribute.
    If a widget is aligned with the one before it, use relative positioning:
      top_pad
      top_delta
      left_pad
      left_delta
    Otherwise specify location with left and top attributes.
-->
<floater
 legacy_header_height="18"
 can_dock="true" 
 can_resize="true"
 title="Test Floater"
 height="500"
 min_width="850" 
 min_height="500" 
 layout="topleft"
 name="floater_test_widgets"
 help_topic="floater_test_widgets"
 width="850">
 
  <!-- Strings are used by C++ code for localization.  They are not visible
       unless the C++ code uses them to fill in another widget. -->
  <floater.string
   name="sample_string"
   value="Sample String" />
  <floater.string
   name="other_string"
   value="Other String" />
   
  <!-- Floaters can contain drop-down menus.
       The menu_bar widget contains the inividual menus.
       The width is automatically computed to fit the labels. -->
  <menu_bar
   height="18"
   layout="topleft"
   follows="top|left" 
   tool_tip="menu" 
   left="2"
   name="test_menu_bar"
   top="16">
    <menu
     height="16"
     label="Menu"
     layout="topleft"
     tear_off="true"
     left="0"
     name="Menu"
     top="-32"
     width="128">
      <!-- menu_item_call will trigger a function call in the C++ code -->
      <menu_item_call
       label="Menu Item 1"
       layout="topleft"
       name="test_menu_item_1" />
      <!-- menu_item_separator is a horizontal line used to separate sections
           of a menu.  In general, menus should be divided into chunks of
           no more than 7 items separated by menu_item_separators. -->
      <menu_item_separator/>
      <menu_item_call
       label="Menu Item 2"
       layout="topleft"
       name="test_menu_item_2" />
    </menu>
  </menu_bar>
  
  <!-- "text" is one or more read-only lines of text.
       It can be made clickable but this requires C++ code
       support.  URLs are not automatically underlined. -->
  <text
   bottom="55"
   layout="topleft"
   follows="top|left"
   left="10"
   height="16">
    For widget list see https://wiki.lindenlab.com/wiki/Viewer:UI/Widgets
  </text>

  <!-- First column -->
  
  <button
   height="20"
   follows="top|left" 
   label="Button"
   layout="topleft"
   left_delta="0"
   name="test_button"
   tool_tip="button" 
   top="80"
   width="100" />  
  <!-- "flyout_button" is a button that can spawn a menu -->
  <flyout_button
   follows="top|left" 
   height="20"
   label="Flyout"
   layout="topleft"
   left_delta="0"
   name="fly_btn"
   top_pad="15"
   tool_tip="flyout button" 
   width="100">
    <flyout_button.item
     label="Item 1"
     value="shout" />
    <flyout_button.item
     label="Item 2"
     value="say" />
    <flyout_button.item
     label="Item 3"
     value="whisper" />
  </flyout_button>
  <check_box
   bottom_delta="35"
   label="Checkbox"
   layout="topleft"
   tool_tip="checkbox" 
   name="test_checkbox" />
  <!-- "combo_box" is a pop-menu of items.  Optionally the box itself can
       contain a general purpose line input editor, allowing the user to
       provide input that is not a list item. -->
  <combo_box
   bottom_delta="35"
   follows="top|left" 
   height="16"
   width="150"
   label="Combobox"
   layout="topleft"
   tool_tip="combo box" 
   name="test_combo_box">
    <combo_box.item
     name="item1"
     label="Combobox Item 1" />
    <combo_box.item
     name="item2"
     label="Combobox Item 2" />
  </combo_box>
  <!-- "icon" is a read-only image.  The image_name must match an entry
        in textures.xml.  We support TGA and PNG for UI images. -->
  <icon
   height="16"
   image_name="icon_avatar_online.tga"
   layout="topleft"
   left_delta="0"
   tool_tip="icon" 
   name="test_icon"
   top_pad="40"
   width="16" />
  <!-- "line_editor" allows a single line of editable text input. 
        The contents of this XML node are used as the initial value for
        the text. -->
  <line_editor
   height="20"
   follows="top|left" 
   layout="topleft"
   left_delta="0"
   name="test_line_editor"
   top_pad="20"
   tool_tip="line editor" 
   width="200">
    Line Editor Sample Text
  </line_editor>
  <!-- "filter_editor" is a specialized line_editor that shows read-only
       help text until the user clicks in the widget. -->
  <filter_editor
   follows="left|top"
   height="20"
   label="Type here to search"
   layout="topleft"
   left_delta="0"
   name="search editor"
   tool_tip="search editor" 
   top_pad="30"
   width="200" />
  <!-- "progress_bar" percent completed gets set in C++ code -->
  <progress_bar
   height="16"
   follows="top|left" 
   layout="topleft"
   left_delta="0"
   name="test_progress_bar"
   top_pad="30"
   tool_tip="progress bar" 
   width="200" />
  <!-- "stat_view" is a container for statistics graphs.  It is only used
       for debugging/diagnostic displays. -->
  <stat_view
   height="250"
   label="Statistics View"
   layout="topleft"
   left_delta="0"
   name="axis_view"
   show_label="true"
   top_pad="30"
   tool_tip="stat view" 
   width="200">
    <stat_bar
     width="100" 
     bar_max="100"
     bottom_delta="30"
     label="Test Stat"
     layout="topleft"
     stat="stat"
     bar_min="20"
     name="test_stat_bar" />
  </stat_view>
  
  <!-- New column -->
  
  <!-- "radio_group" is a set of mutually exclusive choices, like the buttons
       on a car radio that allow a single radio station to be chosen. -->
  <radio_group
   height="40"
   layout="topleft"
   left_pad="90"
   name="size_radio_group"
   tool_tip="radio group" 
   top="80"
   width="200">
    <radio_item
     bottom="20"
     label="Radio 1"
     layout="topleft"
     name="small_radio_item" />
    <radio_item
     label="Radio 2"
     layout="topleft"
     name="large_radio_item" />
  </radio_group>
  <!-- "scroll_list" is a scrolling list of columnar data. -->
  <scroll_list
   bottom_delta="100"
   follows="top|left" 
   height="80"
   draw_heading="true"
   tool_tip="scroll list" 
   layout="topleft">
    <scroll_list.columns
     dynamic_width="true"
     name="first_column"
     label="Column A"/>
    <scroll_list.columns
     dynamic_width="true"
     name="second_column"
     label="Column B"/>
    <row>
      <column column="first_column">short text</column>
      <column column="second_column">more short text</column>
    </row>
    <row>
      <column column="first_column">this is some longer text</column>
      <column column="second_column">and here is some more long text</column>
    </row>
  </scroll_list>
  <!-- "slider" is a horizontal input widget for numerical data. -->
  <slider
   bottom_delta="45"
   follows="top|left" 
   layout="topleft"
   min_val="0"
   max_val="100"
   initial_value="20"
   label="Slider"
   name="test_slider"
   tool_tip="slider" 
   width="200" />
  <!-- "spinner" is a numerical input widget with an up and down arrow to
       change the value. -->
  <spinner
   bottom_delta="35"
   follows="top|left" 
   label="Spinner"
   layout="topleft"
   label_width="45" 
   name="test_spinner" 
   tool_tip="spinner"/>
  <text
   bottom_delta="50"
   follows="top|left" 
   font.name="SansSerifSmall" 
   font.style = "UNDERLINE"
   layout="topleft"
   name="test_text"
   tool_tip="text">
    Text (underlined)
  </text>
  <text
   top_pad="10"
   follows="top|left" 
   layout="topleft"
   width="60" 
   use_ellipses="true" 
   name="test_text"
   tool_tip="text">
    Truncated text here
  </text>
  <!-- "text_editor" is a multi-line text input widget, similar to 
       textarea in HTML. -->
  <text_editor
   height="40"
   follows="top|left|bottom" 
   layout="topleft"
   left_delta="0"
   name="test_text_editor"
   tool_tip="text editor" 
   top_pad="25"
   width="200">
    Text Editor
  </text_editor>
  <text
   height="40"
   follows="top|left|bottom"
   layout="topleft"
   name="test_text_box"
   tool_tip="text box"
   top_pad="5"
   width="200">
      Text box
with
multiple lines
and too
many
line to actually fit
  </text>
  <!-- And a third column -->
  
  <!-- "tab_container" is a holder for multiple panels of UI widgets.
       Tabs can appear at the top, bottom, or left of the container. -->
  <tab_container
   follows="all"
   height="400"
   layout="topleft"
   left="575"
   name="group_tab_container"
   tab_position="top"
   tool_tip="tab container" 
   top="80"
   width="250">
    <!-- "panel" is a container for widgets.  It is automatically resized to
         fit the parent tab_container. -->
    <panel
	 border="true"
     label="Tab 1 - Color"
     layout="topleft"
     name="panel2">
      <!-- "color_swatch" displays a color and spawns a color picker when
           clicked. -->
      <color_swatch
       border_color="1 0 0 1"
       can_apply_immediately="true"
       color="0.3 0.6 0.9 1"
       follows="left|top"
       height="90"
       layout="topleft"
       left="10"
       label="Color Swatch 1"
       name="swatch1"
       tool_tip="Color Swatch: Click to open Color Picker"
       top="10"
       width="80" />
      <color_swatch
       border_color="0.45098 0.517647 0.607843 1"
       can_apply_immediately="true"
       color="1 0 1 1"
       follows="left|top"
       height="90"
       label="Color Swatch 2"
       layout="topleft"
       left_pad="10"
       name="swatch2"
       tool_tip="Color Swatch: Click to open Color Picker"
       top_delta="0"
       width="80" />
    </panel>
    <!-- panels can also refer to other floaters or panels -->
    <panel
	  border="true"
     filename="floater_test_checkbox.xml"
     height="225"
     label="Tab 2 - Checkbox"
     layout="topleft"
     left_delta="0"
     name="tab2"
     top_delta="159"
     width="250" />
  </tab_container>
</floater>