gecko-dev/webshell/tests/viewer/samples/toolbarTest1.xul

<?xml version="1.0"?> 
<?xml-stylesheet href="xul.css" type="text/css"?> 
<?xml-stylesheet href="navigator.css" type="text/css"?> 

<!DOCTYPE window> 

<window style="width: 100%; height: 100%" xmlns:html="http://www.w3.org/TR/REC-html40"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        onConstruction="Startup()"> 

<html:h1>Toolbar Test 1</html:h1>

<html:h3>
You should see a two toolbars with buttons that don't do anything. This test is useful for checking layout
and look/feel of rollover and clicks. Note that the last toolbar is empty, and should be of
normal size because of min-height.
</html:h3>

<html:hr/>

<toolbox>  
   <toolbar>
      <titledbutton id="back-button" align="bottom" value="Back"/>	
      <titledbutton src="resource:/res/toolbar/TB_Forward.gif" align="bottom" value="Forward"/>
	  <titledbutton src="resource:/res/toolbar/TB_Reload.gif" align="bottom" value="Reload"/>
	  <titledbutton src="resource:/res/toolbar/TB_Stop.gif" align="bottom" value="Stop"/>
	  <titledbutton src="resource:/res/toolbar/TB_Home.gif" align="bottom" value="Home"/>
	  <titledbutton src="resource:/res/toolbar/TB_Print.gif" align="bottom" value="Print"/> 

          <box align="vertical" flex="100%">
            <spring flex="100%"/>
            <html:input html:id="urlbar" html:style="vertical-align: center width: 100%" html:type="text"/>   
	    <spring flex="100%"/>
          </box>

          <titledbutton src="resource:/res/throbber/anims00.gif" align="right"/>
    
    </toolbar>

    <toolbar>
      <titledbutton align="right" src="resource:/res/toolbar/TB_Location.gif" value="Mozilla" />
      <titledbutton align="right" src="resource:/res/toolbar/TB_Location.gif" value="ABC News"/>
	  <spring flex="100%"/>
    </toolbar>
    
    <toolbar>
    </toolbar>
  </toolbox>

</window>