Wiki  |   Blog  |   Sitemap  |   Search  
Home
JavaScript UI FrameworkExamplesUI Languages (SVG, XUL..)XUL examplesBars

toolbar:

Source code

<script type="application/ample+xml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <xul:toolbar> <xul:toolbargrippy/> <xul:toolbarbutton label="Button"/> <xul:toolbarseparator/> <xul:toolbarbutton label="Menu" type="menu"> <xul:menupopup> <xul:menuitem label="Action 1"/> <xul:menuitem label="Action 2"/> </xul:menupopup> </xul:toolbarbutton> <xul:toolbarbutton label="Menu 2" type="menu"> <xul:menupopup> <xul:menuitem label="Action 1"/> <xul:menuitem label="Action 2"/> </xul:menupopup> </xul:toolbarbutton> <xul:toolbarseparator/> <xul:toolbarbutton label="Menu-button" type="menu-button"> <xul:menupopup> <xul:menuitem label="Action 1"/> <xul:menuitem label="Action 2"/> </xul:menupopup> </xul:toolbarbutton> <xul:toolbarbutton label="Menu-button 2" type="menu-button"> <xul:menupopup> <xul:menuitem label="Action 1"/> <xul:menuitem label="Action 2"/> </xul:menupopup> </xul:toolbarbutton> </xul:toolbar> </script>

menubar:

Source code

<script type="application/ample+xml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <xul:menubar id="sample-menubar"> <xul:toolbargrippy/> <xul:menu label="File"> <xul:menupopup> <xul:menu label="New"> <xul:menupopup> <xul:menuitem label="Text document"/> <xul:menuitem label="HTML page"/> </xul:menupopup> </xul:menu> <xul:menuitem label="Open as..."/> <xul:menuseparator/> <xul:menuitem label="Save"/> <xul:menuitem label="Save all"/> <xul:menuitem label="Save as.."/> <xul:menuseparator/> <xul:menuitem label="Quit"/> </xul:menupopup> </xul:menu> <xul:menu label="Menu types"> <xul:menupopup> <xul:menu label="Radio"> <xul:menupopup> <xul:menuitem label="First" type="radio" name="testradio"/> <xul:menuitem label="Second" type="radio" name="testradio"/> <xul:menuitem label="Third" type="radio" name="testradio" disabled="true"/> <xul:menuitem label="Forth" type="radio" name="testradio" checked="true" disabled="true"/> </xul:menupopup> </xul:menu> <xul:menu label="Checkbox"> <xul:menupopup> <xul:menuitem label="First" type="checkbox"/> <xul:menuitem label="Second" type="checkbox" checked="true"/> <xul:menuitem label="Third" type="checkbox" disabled="true"/> <xul:menuitem label="Fourth" type="checkbox" checked="true" disabled="true"/> </xul:menupopup> </xul:menu> <xul:menu label="Disabled group" disabled="true"> <xul:menupopup> <xul:menuitem label="First Item" type="checkbox"/> <xul:menuitem label="Second Item" type="checkbox"/> <xul:menuitem label="Third Item" type="checkbox" disabled="true"/> <xul:menuitem label="Fourth Item" type="checkbox" checked="true" disabled="true"/> </xul:menupopup> </xul:menu> <xul:menuitem label="Image"/> </xul:menupopup> </xul:menu> </xul:menubar> </script>

progressmeter:

Source code

<script type="application/ample+xml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <xul:progressmeter value="50"/> <br/> <xul:progressmeter mode="undetermined"/> </script>