<?xml version="1.0" encoding="iso-8859-15"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>

<window title="XUL Scrolling"
        xmlns:html="http://www.w3.org/1999/xhtml"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<script>
<![CDATA[

]]>
</script>

<description><html:h1>XUL Scrolling</html:h1></description>

<vbox flex="1" style="overflow: auto"  >
 <hbox >
  <groupbox flex="1">
  <caption label="The full list" />
  <vbox >
    <button label="Button #1" />
    <button label="Button #2" />
    <button label="Button #3" />
    <button label="Button #4" />
    <button label="Button #5" />
    <button label="Button #6" />
    <button label="Button #7" />
    <button label="Button #8" />
    <button label="Button #9" />
  </vbox>
  </groupbox>

  <vbox flex="1">
  <groupbox style="max-height:8em">
  <caption label="The list limited in height, no overflow" />
  <vbox flex="1" >
    <button label="Button #1" />
    <button label="Button #2" />
    <button label="Button #3" />
    <button label="Button #4" />
    <button label="Button #5" />
    <button label="Button #6" />
    <button label="Button #7" />
    <button label="Button #8" />
    <button label="Button #9" />
  </vbox>
  </groupbox>
  <groupbox style="max-height:8em">
  <caption label="The list limited in height, auto overflow" />
  <vbox flex="1" style="overflow: auto">
    <button label="Button #1" />
    <button label="Button #2" />
    <button label="Button #3" />
    <button label="Button #4" />
    <button label="Button #5" />
    <button label="Button #6" />
    <button label="Button #7" />
    <button label="Button #8" />
    <button label="Button #9" />
  </vbox>
  </groupbox>
  <groupbox style="max-height:8em">
  <caption label="The list limited in height, scroll overflow" />
  <vbox flex="1" style="overflow: scroll">
    <button label="Button #1" />
    <button label="Button #2" />
    <button label="Button #3" />
    <button label="Button #4" />
    <button label="Button #5" />
    <button label="Button #6" />
    <button label="Button #7" />
    <button label="Button #8" />
    <button label="Button #9" />
  </vbox>
  </groupbox>
  </vbox>
 </hbox>

<description value="arrowscrollbox - hover over the arrow to scroll" />
<arrowscrollbox orient="vertical" flex="1">

  <button label=" 1 Astrix le Gaulois" />
  <button label=" 2 La serpe d'or" />
  <button label=" 3 Astrix et les Goths" />
  <button label=" 4 Astrix gladiateur" />
  <button label=" 5 Le tour de Gaule d'Astrix" />
  <button label=" 6 Astrix et Cloptre" />
  <button label=" 7 Le combat des chefs" />
  <button label=" 8 Astrix chez les Bretons" />
  <button label=" 9 Astrix et les Normands" />
  <button label="10 Astrix lgionnaire" />
  <button label="11 Le bouclier Arverne" />
  <button label="12 Astrix aux jeux olympiques" />
  <button label="13 Astrix et le chaudron" />
  <button label="14 Astrix en Hispanie" />
  <button label="15 La zizanie" />
  <button label="16 Astrix chez les Helvtes" />
  <button label="17 Le domaine des Dieux" />
  <button label="18 Les lauriers de Csar" />
  <button label="19 Le devin" />
  <button label="20 Astrix en Corse" />
  <button label="21 Le cadeau de Csar" />
  <button label="22 La grande traverse" />
  <button label="23 Oblix et compagnie" />
  <button label="24 Astrix chez les Belges" />
  <button label="25 Le grand Foss" />
  <button label="26 L'Odysse d'Astrix" />
  <button label="27 Le fils d'Astrix" />
  <button label="28 Astrix chez Rahzade" />
  <button label="29 La rose et le glaive" />
  <button label="30 La galre d'Oblix" />
  <button label="31 Astrix et Latraviata" />

</arrowscrollbox>

</vbox>

</window>
