1 <ibex xmlns:ui="ibex://ui">
2 <ui:box width="300" height="300" packed="false">
3 ibex.ui.frame = thisbox;
5 <ui:box fill="red" width="50" height="50" id="red" x="100" y="100" packed="false"/>
8 // this thread makes things spin.
10 ibex.thread = function(f) { while(true) {
11 ibex.thread.sleep(100);
12 if (ibex.math.floor(rot / 90) == rot / 90)
13 $top.transform = "rotate(" + rot + ")";
14 $bot.transform = "rotate(" + (-2 * rot) + ")";
17 <ui:box fill="green" shrink="true" packed="false" align="center" x="150" y="150">
18 <ui:box fill="orange" colspan="2" minwidth="200" minheight="100" id="top" x="200" y="200">
19 <ui:box fill="green" width="100" height="18">
20 <ui:box stroke="black" strokecolor="black" height="18" width="100" text="booya"/>
23 <ui:box fill="green" rowspan="2" minwidth="100" id="foo"/>
24 <ui:box fill="red" minwidth="50" minheight="80" />
25 <ui:box fill="pink" cols="5" height="80">
26 <ui:box height="10" colspan="5"/>
28 <ui:box height="10" fill="white" maxwidth="100"/>
29 <ui:box height="10" fill="black" colspan="2" minwidth="100"/>
32 <ui:box fill="purple" minwidth="70" minheight="50">
33 <ui:box shrink="true" fill="yellow" align="center" id="top">
34 <ui:box width="100" height="50" fill="red" id="bot"/>
37 <ui:box fill="yellow" colspan="2"/>