1 <?xml version="1.0" encoding="UTF-8"?>
2 <?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
3 <window id="foods" title="Please select items"
4 xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
5 <groupbox style="margin: 50px; background: white">
6 <caption label="What would you like
?"/>
7 <tabbox align="start" flex="1"
8 style="margin: 10px; padding:
10px; max-height: 400px; max-width: 400px">
9 <tabs>
10 <tab label="main"/>
11 <tab label="side"/>
12 <tab label="drink"/>
13 </tabs>
14 <tabpanels style="padding: 5px">
15 <tabpanel>
16 <grid>
17 <columns>
18 <column
width="100"/>
19 <column
width="5"/>
20 <column
width="100"/>
21 <column
width="5"/>
22 <column
width="100"/>
23 </columns>
24 <rows>
25 <row>
26 <vbox
27 style="max-width:
100px; min-width: 40px; padding: 5px; background: white;">
28 <image
src="../images/hamburger.gif"
29 flex="1" style="max-width:
40px; min-width: 40px"/>
30 <checkbox
id="hamburger" label="Hamburger"/>
31 <description
value="How many ?"/>
32 <menulist
label="1">
33 <menupopup>
34 <menuitem
label="1" selected="true"/>
35 <menuitem
label="2"/>
36 <menuitem
label="3"/>
37 <menuitem
label="4"/>
38 <menuitem
label="5"/>
39 </menupopup>
40 </menulist>
41 </vbox>
42 <spacer/>
43 <vbox
44 style="max-width:
100px; min-width: 40px; padding: 5px; background: white;">
45 <image
src="../images/pizza.gif"
46 flex="1" style="max-width:
40px; min-width: 40px"/>
47 <checkbox
id="pizza" label="Pizza"/>
48 <description
width="80" value="How many ?"/>
49 <menulist
label="1">
50 <menupopup>
51 <menuitem
label="1" selected="true"/>
52 <menuitem
label="2"/>
53 <menuitem
label="3"/>
54 <menuitem
label="4"/>
55 <menuitem
label="5"/>
56 </menupopup>
57 </menulist>
58 </vbox>
59 <spacer/>
60 <vbox
61 style="max-width:
100px; min-width: 40px; padding: 5px; background: white;">
62 <image
src="../images/rice_ball.gif"
63 flex="1" style="max-width:
40px; min-width: 40px"/>
64 <checkbox
id="riceball" image="rice_ball.gif"
65 label="Rice
Ball"/>
66 <description
value="How many ? "/>
67 <menulist
label="1">
68 <menupopup>
69 <menuitem
label="1" selected="true"/>
70 <menuitem
label="2"/>
71 <menuitem
label="3"/>
72 <menuitem
label="4"/>
73 <menuitem
label="5"/>
74 </menupopup>
75 </menulist>
76 </vbox>
77 </row>
78 </rows>
79 </grid>
80 </tabpanel>
81 <tabpanel>
82 <grid>
83 <columns>
84 <column
width="100"/>
85 <column
width="5"/>
86 <column
width="100"/>
87 <column
width="5"/>
88 <column
width="100"/>
89 </columns>
90 <rows>
91 <row>
92 <vbox
93 style="max-width:
100px; min-width: 40px; padding: 5px; background: white;">
94 <image
src="../images/fried_poteto.gif"
95 flex="1" style="max-width:
40px; min-width: 40px"/>
96 <checkbox
id="friedpoteto" label="Fried Poteto"/>
97 <description
value="How many ?"/>
98 <menulist
label="1">
99 <menupopup>
100 <menuitem
label="1" selected="true"/>
101 <menuitem
label="2"/>
102 <menuitem
label="3"/>
103 <menuitem
label="4"/>
104 <menuitem
label="5"/>
105 </menupopup>
106 </menulist>
107 </vbox>
108 <spacer/>
109 <vbox
110 style="max-width:
100px; min-width: 100px; padding: 5px; background: white;">
111 <image
src="../images/salad.gif"
112 flex="1" style="max-width:
40px; min-width: 40px"/>
113 <checkbox
id="salad" label="Salad"/>
114 <description
value="How many ?"/>
115 <menulist
label="1">
116 <menupopup>
117 <menuitem
label="1" selected="true"/>
118 <menuitem
label="2"/>
119 <menuitem
label="3"/>
120 <menuitem
label="4"/>
121 <menuitem
label="5"/>
122 </menupopup>
123 </menulist>
124 </vbox>
125 <spacer/>
126 <vbox
127 style="max-width:
100px; min-width: 100px; padding: 5px; background: white;">
128 <image
src="../images/fried_chicken.gif"
129 flex="1" style="max-width:
40px; min-width: 40px"/>
130 <checkbox
id="friedchiken" label="Fried Chicken"/>
131 <description
value="How many ?"/>
132 <menulist
label="1">
133 <menupopup>
134 <menuitem
label="1" selected="true"/>
135 <menuitem
label="2"/>
136 <menuitem
label="3"/>
137 <menuitem
label="4"/>
138 <menuitem
label="5"/>
139 </menupopup>
140 </menulist>
141 </vbox>
142 </row>
143 </rows>
144 </grid>
145 </tabpanel>
146 <tabpanel>
147 <grid>
148 <columns>
149 <column
width="100"/>
150 <column
width="5"/>
151 <column
width="100"/>
152 <column
width="5"/>
153 <column
width="100"/>
154 </columns>
155 <rows>
156 <row>
157 <vbox
158 style="max-width:
100px; min-width: 40px; padding: 5px; background: white;">
159 <image
src="../images/coffee.gif"
160 flex="1" style="max-width:
40px; min-width: 40px"/>
161 <checkbox
id="coffee" label="Coffee"/>
162 <label
value="How many ?"/>
163 <menulist
label="1">
164 <menupopup>
165 <menuitem
label="1" selected="true"/>
166 <menuitem
label="2"/>
167 <menuitem
label="3"/>
168 <menuitem
label="4"/>
169 <menuitem
label="5"/>
170 </menupopup>
171 </menulist>
172 </vbox>
173 <spacer/>
174 <vbox
175 style="max-width:
100px; min-width: 100px; padding: 5px; background: white;">
176 <image
src="../images/juice.gif"
177 flex="1" style="max-width:
40px; min-width: 40px"/>
178 <checkbox
id="juice" label="Juice"/>
179 <label
value="How many ?"/>
180 <menulist
label="1" >
181 <menupopup>
182 <menuitem
label="1" selected="true"/>
183 <menuitem
label="2"/>
184 <menuitem
label="3"/>
185 <menuitem
label="4"/>
186 <menuitem
label="5"/>
187 </menupopup>
188 </menulist>
189 </vbox>
190 <spacer/>
191 <vbox
192 style="max-width:
150px; min-width: 100px; padding: 5px; background: white;">
193 <image
src="../images/green_tea.gif"
194 flex="1" style="max-width:
40px; min-width: 40px"/>
195 <checkbox
id="greentea" label="Green Tea"/>
196 <label
value="How many ?"/>
197 <menulist
label="1">
198 <menupopup>
199 <menuitem
label="1" selected="true"/>
200 <menuitem
label="2"/>
201 <menuitem
label="3"/>
202 <menuitem
label="4"/>
203 <menuitem
label="5"/>
204 </menupopup>
205 </menulist>
206 </vbox>
207 </row>
208 </rows>
209 </grid>
210 </tabpanel>
211 </tabpanels>
212 </tabbox>
213 <grid style="padding: 5px">
214 <columns>
215 <column flex="5"/>
216 <column flex="1"/>
217 </columns>
218 <rows>
219 <row>
220 <label/>
221 <button label="order" style="float:
right"/>
222 </row>
223 </rows>
224 </grid>
225 </groupbox>
226 </window>