home *** CD-ROM | disk | FTP | other *** search
/ ftp.swcp.com / ftp.swcp.com.zip / ftp.swcp.com / mac / mozilla-mac-0.9.sea.hqx / mozilla-mac-0.9 / res / samples / scrollbarTest1.xul < prev    next >
Extensible Markup Language  |  2001-05-05  |  2KB  |  67 lines
  1. <?xml version="1.0"?> 
  2. <?xml-stylesheet href="resource:/res/samples/xul.css" type="text/css"?> 
  3.  
  4. <!DOCTYPE window> 
  5.  
  6. <window style="height: 100%; width: 100%;" 
  7. xmlns:html="http://www.w3.org/1999/xhtml"
  8.         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 
  9.  
  10. <box style="background-color: white; height: 100%; width: 100%">
  11.     <!-- scroll bar -->
  12.     <scrollbar align="vertical"/>
  13.  
  14.     <spring style="width: 10px"/>
  15.  
  16.     <!-- scroll bar with NeXt button order-->
  17.     <scrollbar align="vertical">
  18.         <slider flex="100%"/>
  19.         <scrollbarbutton class="decrement"/>
  20.         <scrollbarbutton class="increment"/>
  21.     </scrollbar>
  22.  
  23.     <spring style="width: 10px"/>
  24.  
  25.     <!-- fixed thumb and different increments -->
  26.     <scrollbar align="vertical" curpos="50" pageIncrement="20" increment="5" flex="100%">
  27.         <scrollbarbutton class="decrement"/>
  28.         <slider flex="100%">
  29.            <thumb value="this is it" flex="0%"/>
  30.         </slider>
  31.         <scrollbarbutton class="increment"/>
  32.     </scrollbar>
  33.  
  34.     <spring style="width: 10px"/>
  35.  
  36.    <!-- scrollbar with table in it -->
  37.    <scrollbar align="vertical" curpos="50" pageIncrement="20" increment="5" >
  38.         <scrollbarbutton class="decrement"/>
  39.         <slider flex="100%">
  40.            <html:button width="100%">
  41.                <html:table width="100%" border="1">
  42.                  <html:tr>
  43.                     <html:td bgcolor="blue">
  44.                        cell1
  45.                     </html:td>
  46.                     <html:td bgcolor="red">
  47.                        cell2
  48.                     </html:td>
  49.                  </html:tr>
  50.                   <html:tr>
  51.                    <html:td bgcolor="red">
  52.                        cell4
  53.                     </html:td>
  54.                     <html:td bgcolor="blue">
  55.                        cell5
  56.                     </html:td>
  57.                  </html:tr>
  58.                </html:table>
  59.             </html:button>
  60.         </slider>
  61.         <scrollbarbutton class="increment"/>
  62.     </scrollbar>
  63. </box>
  64.  
  65. </window>
  66.  
  67.