home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / browser.xpi / bin / res / samples / tab.xul < prev    next >
Extensible Markup Language  |  2001-08-04  |  5KB  |  152 lines
  1. <?xml version="1.0"?> 
  2.  
  3. <!DOCTYPE window> 
  4.  
  5. <window style="height: 100%; width: 100%;" 
  6. xmlns:html="http://www.w3.org/1999/xhtml"
  7.         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 
  8.  
  9. <vbox flex="1">
  10.   <tabbox orient="vertical" flex="100%" >
  11.      <tabs orient="horizontal">
  12.       <tab selected="true" label="centered"/>
  13.       <tab label="percent"/>
  14.       <tab label="html"/>
  15.       <tab><html:img src="resource:/res/toolbar/stop.gif"/></tab>
  16.       <tab label="native"/>
  17.       <tab label="iframe"/>
  18.       <tab label="dialog"/>
  19.       <spring flex="1"/>
  20.      </tabs>
  21.    
  22.     <tabpanels flex="100%" style="border: 2px outset gray">
  23.  
  24.        <!-- tab 1 -->
  25.        <hbox>
  26.          <spring flex="100%"/> 
  27.          <vbox> 
  28.           <spring flex="100%"/> 
  29.                 <button class="push" label="centered"/>
  30.           <!--html:button>This is a test</html:button-->
  31.           <spring flex="100%"/> 
  32.          </vbox> 
  33.          <spring flex="100%"/> 
  34.       </hbox> 
  35.  
  36.       <!-- tab2 -->
  37.       <hbox>
  38.           <button class="push" label="10%" flex="10%"/>
  39.             <button class="push" label="20%" flex="20%"/>
  40.           <button class="push" label="30%" flex="30%"/>
  41.           <button class="push" label="40%" flex="40%"/>
  42.       </hbox> 
  43.  
  44.             <!-- tab3 -->
  45.       <html:div>
  46.         This is just some basic html.
  47.                                 <html:input type="text" value="text" flex="100%"/>
  48.       </html:div>
  49.  
  50.             <!-- tab4 -->
  51.       <toolbox>  
  52.          <toolbar>
  53.           <button id="back-button" align="bottom" label="Back"/>  
  54.           <button src="resource:/res/toolbar/forward.gif" align="bottom" label="Forward"/>
  55.           <button src="resource:/res/toolbar/reload.gif" align="bottom" label="Reload"/>
  56.           <button src="resource:/res/toolbar/stop.gif" align="bottom" label="Stop"/>
  57.           <button src="resource:/res/toolbar/home.gif" align="bottom" label="Home"/>
  58.           <button src="resource:/res/toolbar/print.gif" align="bottom" label="Print"/> 
  59.         
  60.                   <spring flex="100%"/>
  61.  
  62.             <button src="resource:/res/throbber/anims00.gif"/>
  63.     
  64.         </toolbar>
  65.  
  66.         <toolbar>
  67.           <button src="resource:/res/toolbar/location.gif" label="Mozilla" />
  68.           <button src="resource:/res/toolbar/location.gif" label="ABC News"/>
  69.         </toolbar>
  70.       </toolbox>
  71.  
  72.           <!-- tab 5 -->
  73.           <vbox>
  74.               <html:input type="text" value="text" flex="100%"/>
  75.           </vbox>
  76.  
  77.           <html:iframe src="http://www.yahoo.com" />
  78.  
  79.       <!-- tab 6 -->
  80.       <vbox>
  81.       <html:div>
  82.         Category:
  83.       </html:div>
  84.       <hbox flex="100%">
  85.            <html:div style="width: 100px; background-color: rgb(255,255,255)">
  86.             table
  87.            </html:div>
  88.  
  89.         <vbox flex="100%">
  90.           <hbox style="margin: 10px; margin-top: 0; margin-bottom: 0; background-color: #8080c0; color: white">
  91.              <html:div><html:B>Navigator</html:B></html:div>
  92.                <spring flex="100%"/>
  93.              <html:div>Specify you preferences for browsing the web</html:div>
  94.           </hbox>
  95.  
  96.           <vbox style="margin: 10px; padding: 10px; border: 2px groove white">
  97.              <html:div><html:input type="radio"/>Blank Page  </html:div>
  98.              <html:div><html:input type="radio"/>Home Page   </html:div>
  99.              <html:div><html:input type="radio"/>Last Visited</html:div>
  100.           </vbox>
  101.  
  102.           <vbox style="margin: 10px; padding: 10px; border: 2px groove white">
  103.              <html:div>Clicking the home button will take you to this page.</html:div>
  104.              <hbox>
  105.               <html:div>Location: </html:div> 
  106.               <html:input type="text" flex="100%"/>
  107.              </hbox>
  108.                <hbox>
  109.               <spring flex="100%"/>
  110.               <html:input disabled="true" type="button" value="Use current page"/>
  111.               <spring style="width:10px"/>
  112.               <html:input type="button" value="Browse"/>
  113.              </hbox>
  114.           </vbox>
  115.  
  116.           <vbox style="margin: 10px; padding: 10px; border: 2px groove white">
  117.              <html:div>History is a list a pages you have previously visited.</html:div>
  118.                <hbox>
  119.                <html:div>Pages in history expire in: <html:input type="text" value="9"/> days. </html:div>
  120.                <spring flex="100%"/>
  121.                <html:input type="button" value="Clear History"/>
  122.              </hbox>
  123.             <hbox>
  124.                <html:div>Clear the list of sites on the location bar.</html:div>
  125.                <spring flex="100%"/>
  126.                <html:input type="button" value="Clear Location Bar"/>
  127.              </hbox>
  128.           </vbox>
  129.  
  130.           <spring flex="100%"/>
  131.  
  132.         </vbox>
  133.         
  134.       </hbox>
  135.         <hbox style="margin: 5px;">
  136.            <spring flex="100%"/>
  137.            <html:input type="button" value="Ok"/>
  138.            <spring style="width:10px"/>
  139.            <html:input type="button" value="Cancel"/>
  140.            <spring style="width:10px"/>
  141.            <html:input type="button" value="Help"/>
  142.          </hbox>
  143.     </vbox>
  144.  
  145.  
  146.      </tabpanels> 
  147.   </tabbox>
  148. </vbox>
  149.  
  150. </window>
  151.  
  152.