home *** CD-ROM | disk | FTP | other *** search
/ PC World 2000 December / PCWorld_2000-12_cd.bin / Komunikace / mozilla / mozilla-win32-M18-mathml-svg-xslt.exe / res / samples / tab.xul < prev    next >
Extensible Markup Language  |  2000-06-15  |  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. <box align="vertical" flex="1">
  10.     <tabcontrol align="vertical" flex="100%" >
  11.        <tabbox align="horizontal">
  12.           <tab selected="true" value="centered"/>
  13.           <tab value="percent"/>
  14.           <tab value="html"/>
  15.           <tab><html:img src="resource:/res/toolbar/stop.gif"/></tab>
  16.       <tab value="native"/>
  17.       <tab value="iframe"/>
  18.           <tab value="dialog"/>
  19.           <spring flex="1"/>
  20.        </tabbox>
  21.    
  22.       <tabpanel flex="100%" style="border: 2px outset gray">
  23.  
  24.            <!-- tab 1 -->
  25.            <box align="horizontal">
  26.                <spring flex="100%"/> 
  27.                <box align="vertical"> 
  28.                     <spring flex="100%"/> 
  29.                                 <titledbutton class="push" value="centered"/>
  30.                     <!--html:button>This is a test</html:button-->
  31.                     <spring flex="100%"/> 
  32.                </box> 
  33.                <spring flex="100%"/> 
  34.             </box> 
  35.  
  36.             <!-- tab2 -->
  37.             <box align="horizontal">
  38.                     <titledbutton class="push" value="10%" flex="10%"/>
  39.                        <titledbutton class="push" value="20%" flex="20%"/>
  40.                     <titledbutton class="push" value="30%" flex="30%"/>
  41.                     <titledbutton class="push" value="40%" flex="40%"/>
  42.             </box> 
  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.                   <titledbutton id="back-button" align="bottom" value="Back"/>    
  54.                   <titledbutton src="resource:/res/toolbar/forward.gif" align="bottom" value="Forward"/>
  55.                   <titledbutton src="resource:/res/toolbar/reload.gif" align="bottom" value="Reload"/>
  56.                   <titledbutton src="resource:/res/toolbar/stop.gif" align="bottom" value="Stop"/>
  57.                   <titledbutton src="resource:/res/toolbar/home.gif" align="bottom" value="Home"/>
  58.                   <titledbutton src="resource:/res/toolbar/print.gif" align="bottom" value="Print"/> 
  59.                 
  60.                   <spring flex="100%"/>
  61.  
  62.                   <titledbutton src="resource:/res/throbber/anims00.gif" align="right"/>
  63.     
  64.                 </toolbar>
  65.  
  66.                 <toolbar>
  67.                   <titledbutton align="right" src="resource:/res/toolbar/location.gif" value="Mozilla" />
  68.                   <titledbutton align="right" src="resource:/res/toolbar/location.gif" value="ABC News"/>
  69.                 </toolbar>
  70.           </toolbox>
  71.  
  72.           <!-- tab 5 -->
  73.           <box align="vertical">
  74.               <html:input type="text" value="text" flex="100%"/>
  75.           </box>
  76.  
  77.           <html:iframe src="http://www.yahoo.com" />
  78.  
  79.           <!-- tab 6 -->
  80.           <box align="vertical">
  81.             <html:div>
  82.               Category:
  83.             </html:div>
  84.             <box align="horizontal" flex="100%">
  85.                    <html:div style="width: 100px; background-color: rgb(255,255,255)">
  86.                       table
  87.                    </html:div>
  88.  
  89.                 <box align="vertical" flex="100%">
  90.                     <box align="horizontal" 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.                     </box>
  95.  
  96.                     <box align="vertical" 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.                     </box>
  101.  
  102.                     <box align="vertical" 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.                        <box align="horizontal">
  105.                           <html:div>Location: </html:div> 
  106.                           <html:input type="text" flex="100%"/>
  107.                        </box>
  108.                          <box align="horizontal">
  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.                        </box>
  114.                     </box>
  115.  
  116.                     <box align="vertical" 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.                           <box align="horizontal">
  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.                        </box>
  123.                         <box align="horizontal">
  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.                        </box>
  128.                     </box>
  129.  
  130.                     <spring flex="100%"/>
  131.  
  132.                 </box>
  133.               
  134.             </box>
  135.               <box align="horizontal" 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.                </box>
  143.         </box>
  144.  
  145.  
  146.        </tabpanel> 
  147.     </tabcontrol>
  148. </box>
  149.  
  150. </window>
  151.  
  152.