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

menulist:

Source code

<script type="application/ample+xml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <table border="0"> <tbody> <tr> <td width="160">standard:</td> <td width="160">editable with filtering:</td> <td width="160">disabled:</td> </tr> <tr> <td> <xul:menulist value="son"> <xul:menupopup> <xul:menuitem label="s"/> <xul:menuitem label="so"/> <xul:menuitem label="son"/> <xul:menuitem label="sony"/> <xul:menuitem label="snap"/> <xul:menuitem label="snappy"/> <xul:menuitem label="swap"/> <xul:menuitem label="swapping"/> </xul:menupopup> </xul:menulist> </td> <td> <xul:menulist value="son" filter="true" editable="true"> <xul:menupopup> <xul:menuitem label="s"/> <xul:menuitem label="so"/> <xul:menuitem label="son"/> <xul:menuitem label="sony"/> <xul:menuitem label="snap"/> <xul:menuitem label="snappy"/> <xul:menuitem label="swap"/> <xul:menuitem label="swapping"/> </xul:menupopup> </xul:menulist> </td> <td> <xul:menulist value="son" disabled="true"> <xul:menupopup> <xul:menuitem label="s"/> <xul:menuitem label="so"/> <xul:menuitem label="son"/> <xul:menuitem label="sony"/> <xul:menuitem label="snap"/> <xul:menuitem label="snappy"/> <xul:menuitem label="swap"/> <xul:menuitem label="swapping"/> </xul:menupopup> </xul:menulist> </td> </tr> </tbody> </table> </script>

textbox type="number":

Source code

<script type="application/ample+xml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <table border="0"> <tbody> <tr> <td width="160">standard:</td> <td width="160"></td> <td width="160">disabled:</td> </tr> <tr> <td><xul:textbox type="number" value="0"/></td> <td></td> <td><xul:textbox type="number" value="100" disabled="true"/></td> </tr> </tbody> </table> </script>

scale:

Source code

<script type="application/ample+xml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <table border="0"> <tbody> <tr> <td width="160">standard:</td> <td width="160">double:</td> <td width="160">disabled:</td> </tr> <tr> <td><xul:scale value="10" style="width:150px"/></td> <td><xul:scale value="25,75" style="width:150px"/></td> <td><xul:scale value="10" style="width:150px" disabled="true"/></td> </tr> </tbody> </table> </script>

colorpicker:

Source code

<script type="application/ample+xml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <table border="0"> <tbody> <tr> <td width="160">standard:</td> <td width="160"></td> <td width="160">disabled:</td> </tr> <tr> <td><xul:colorpicker value="#fd00ee"/></td> <td></td> <td><xul:colorpicker value="#fd00ee" disabled="true"/></td> </tr> </tbody> </table> </script>

datepicker:

Source code

<script type="application/ample+xml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <table border="0"> <tbody> <tr> <td width="160">standard:</td> <td width="160"></td> <td width="160">disabled:</td> </tr> <tr> <td><xul:datepicker value="2010/07/14"/></td> <td></td> <td><xul:datepicker value="2010/07/14" disabled="true"/></td> </tr> </tbody> </table> </script>

timepicker:

Source code

<script type="application/ample+xml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <table border="0"> <tbody> <tr> <td width="160">standard:</td> <td width="160"></td> <td width="160">disabled:</td> </tr> <tr> <td><xul:timepicker value="14:23:59" /></td> <td></td> <td><xul:timepicker value="14:23:59" disabled="true"/></td> </tr> </tbody> </table> </script>