Image:Widgets.png

From Wikipedia, the free encyclopedia

No higher resolution available.

Widgets.png (485 × 507 pixel, file size: 24 KB, MIME type: image/png)

[edit] Summary

Common widgets. Rendered in Firefox 3.0a3 with the gtk-qt theme for GTK and the Lipstik theme for Qt.

[edit] XUL source

<?xml version="1.0"?>

<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="test.xul.css" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
    <tabbox>
        <tabs>
            <tab label="Tab 1" selected="true" />
            <tab label="Tab 2" />
        </tabs>
        <tabpanels>
            <tabpanel>
                <vbox flex="1">
                    <hbox>
                        <vbox>
                            <button label="Button"></button>
                        </vbox>
                        <vbox>
                            <textbox value="Edit/text box" />
                            <menulist label="Dropdown/combo box" />
                        </vbox>
                    </hbox>
                    <hbox>
                        <groupbox>
                            <caption label="Check boxes" />
                            <checkbox label="Checked" checked="true" />
                            <checkbox label="Unchecked" checked="false" />
                        </groupbox>
                        <groupbox>
                            <caption label="Radio buttons" />
                            <radio label="Selected" selected="true" />
                            <radio label="Unselected" selected="false" />
                        </groupbox>
                        <vbox>
                            <hbox align="center">
                                <label>Number edit:</label>
                                <textbox width="100%" type="number" value="426" />
                            </hbox>
                        </vbox>
                    </hbox>
                    <label>Progress bar</label>
                    <progressmeter value="42" />
                    <label>Slider</label>
                    <scale />
                    <separator />
                    <hbox>
                        <tree flex="1" context="clipmenu">
                          <treecols>
                            <treecol id="category" label="Name" primary="true" flex="1"/>
                          </treecols>
                            <treechildren id="thetreechildren">
                            <treeitem container="true" open="true" id="treeitem1">
                              <treerow id="treerow1">
                                <treecell id="cell-of-treeitem1" label="cell1"  onselect="alert('fssfsf');" />
                              </treerow>
                              <treechildren>
                                <treeitem id="treeitem2">
                                  <treerow id="treerow2">
                                    <treecell id="cell-of-treeitem2" label="cell2" value="1"/>
                                  </treerow>
                                </treeitem>
                                <treeitem id="treeitem3">
                                  <treerow id="treerow3">
                                    <treecell id="cell-of-treeitem3" label="cell3"/>
                                  </treerow>
                                </treeitem>
                              </treechildren>
                            </treeitem>
                            <treeitem id="treeitem4">
                              <treerow id="treerow4" >
                                <treecell id="cell-of-treeitem4" label="cell4"/>
                              </treerow>
                            </treeitem>
                          </treechildren>
                        </tree>
                        <listbox flex="1">
                          <listhead>
                            <listheader label="Color"/>
                            <listheader label="RGB"/>
                          </listhead>

                          <listcols>
                            <listcol/>
                            <listcol flex="1"/>
                          </listcols>
                                                        
                                                        
                          <listitem>
                            <listcell label="aqua"/>
                            <listcell label="#00FFFF"/>
                          </listitem>
                          <listitem>
                            <listcell label="black"/>
                            <listcell label="#000000"/>
                          </listitem>
                          <listitem>
                            <listcell label="blue"/>
                            <listcell label="#0000FF"/>
                          </listitem>
                          <listitem>
                            <listcell label="fuchsia"/>
                            <listcell label="#FF00FF"/>
                          </listitem>
                          <listitem>
                            <listcell label="gray"/>
                            <listcell label="#808080"/>
                          </listitem>
                          <listitem>
                            <listcell label="green"/>
                            <listcell label="#008000"/>
                          </listitem>
                          <listitem>
                            <listcell label="lime"/>
                            <listcell label="#00FF00"/>
                          </listitem>
                          <listitem>
                            <listcell label="maroon"/>
                            <listcell label="#800000"/>
                          </listitem>
                          <listitem>
                            <listcell label="navy"/>
                            <listcell label="#000080"/>
                          </listitem>
                          <listitem>
                            <listcell label="olive"/>
                            <listcell label="#808000"/>
                          </listitem>
                          <listitem>
                            <listcell label="purple"/>
                            <listcell label="#800080"/>
                          </listitem>
                          <listitem>
                            <listcell label="red"/>
                            <listcell label="#FF0000"/>
                          </listitem>
                          <listitem>
                            <listcell label="silver"/>
                            <listcell label="#C0C0C0"/>
                          </listitem>
                          <listitem>
                            <listcell label="teal"/>
                            <listcell label="#008080"/>
                          </listitem>
                          <listitem>
                            <listcell label="white"/>
                            <listcell label="#FFFFFF"/>
                          </listitem>
                          <listitem>
                            <listcell label="yellow"/>
                            <listcell label="#FFFF00"/>
                          </listitem>
                        </listbox>
                    </hbox>
                </vbox>
            </tabpanel>
            <tabpanel>
                <button />
            </tabpanel>
        </tabpanels>
    </tabbox>
</window>

[edit] Licensing

GPL

This work is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or any later version.

This work is distributed in the hope that it will be useful, but without any warranty; without even the implied warranty of merchantability or fitness for a particular purpose. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA

File history

Legend: (cur) = this is the current file, (del) = delete this old version, (rev) = revert to this old version.
Click on date to download the file or see the image uploaded on that date.


The following pages on the English Wikipedia link to this file (pages on other projects are not listed):