XUL Tutorial Study Notes - More Layout Elements

Stacks and Decks

Stacks

<stack>
  <description value="Shadowed" style="padding-left: 1px; padding-top: 1px; font-size: 15pt"/>
  <description value="Shadowed" style="color: red; font-size: 15pt;"/>
</stack>

Note that events such as mouse clicks and key presses are passed to the element on the top of the stack, that is the last element in the stack.

Decks

<deck selectedIndex="2">
  <description value="This is the first page"/>
  <button label="This is the second page"/>
  <box>
    <description value="This is the third page"/>
    <button label="This is also the third page"/>
  </box>
</deck>