3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <title>qooxdoo » Demo</title>
5 <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
7 <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
9 <script type="text/javascript" src="../../script/qx.js"></script>
12 <script type="text/javascript" src="../../script/layout.js"></script>
14 <div id="demoDescription">
15 <p>Who Framed Roger Rabbit?</p>
18 <script type="text/javascript">
19 qx.core.Init.getInstance().defineMain(function()
21 var d = qx.ui.core.ClientDocument.getInstance();
23 var w0 = new qx.ui.layout.CanvasLayout;
24 w0.set({left:20, top:48, right: 335, bottom: 48, backgroundColor:"Background", border:qx.renderer.border.BorderPresets.getInstance().inset});
25 w0.setOverflow("hidden");
28 var w1 = new qx.ui.window.Window("First Window");
29 w1.setSpace(20, 400, 20, 250);
32 var w2 = new qx.ui.window.Window("Second Window", "icon/16/colors.png");
33 w2.setSpace(200, 300, 80, 350);
36 var w3 = new qx.ui.window.Window("Third Window", "icon/16/network.png");
37 w3.setSpace(100, 300, 200, 200);
45 var a1 = new qx.ui.basic.Atom("Welcome to your first own Window.<br/>Have fun!", "icon/32/favorites.png");
46 a1.set({ top: 4, left: 4 });
51 var tf1 = new qx.ui.pageview.tabview.TabView;
52 tf1.set({ left: 10, top: 52, right: 10, bottom: 10 });
54 var t1_1 = new qx.ui.pageview.tabview.Button("Explore");
55 var t1_2 = new qx.ui.pageview.tabview.Button("Internet");
56 var t1_3 = new qx.ui.pageview.tabview.Button("Future");
58 t1_1.setChecked(true);
60 tf1.getBar().add(t1_1, t1_2, t1_3);
62 var p1_1 = new qx.ui.pageview.tabview.Page(t1_1);
63 var p1_2 = new qx.ui.pageview.tabview.Page(t1_2);
64 var p1_3 = new qx.ui.pageview.tabview.Page(t1_3);
66 tf1.getPane().add(p1_1, p1_2, p1_3);
72 var at1 = new qx.ui.basic.Atom("Second Window", "icon/22/clock.png");
73 at1.setLocation(4, 4);
77 var at2 = new qx.ui.basic.Atom("Third Window", "icon/48/colors.png");
78 at2.setLocation(4, 4);
86 var fs1 = new qx.ui.groupbox.GroupBox("Settings");
87 fs1.setLocation(4, 30);
92 var chk1 = new qx.ui.form.CheckBox("Show Icon");
93 chk1.setLocation(0, 0);
94 chk1.setChecked(true);
95 chk1.addEventListener("changeChecked", function(e) {
96 w2.setShowIcon(e.getData());
99 var chk2 = new qx.ui.form.CheckBox("Show Caption");
100 chk2.setLocation(0, 20);
101 chk2.setChecked(true);
102 chk2.addEventListener("changeChecked", function(e) {
103 w2.setShowCaption(e.getData());
108 var chk3 = new qx.ui.form.CheckBox("Resizeable");
109 chk3.setLocation(0, 50);
110 chk3.setChecked(true);
111 chk3.addEventListener("changeChecked", function(e) {
112 w2.setResizeable(e.getData());
115 var chk4 = new qx.ui.form.CheckBox("Moveable");
116 chk4.setLocation(0, 70);
117 chk4.setChecked(true);
118 chk4.addEventListener("changeChecked", function(e) {
119 w2.setMoveable(e.getData());
124 var chk5 = new qx.ui.form.CheckBox("Show Close");
125 chk5.setLocation(0, 100);
126 chk5.setChecked(true);
127 chk5.addEventListener("changeChecked", function(e) {
128 w2.setShowClose(e.getData());
131 var chk6 = new qx.ui.form.CheckBox("Show Maximize/Restore");
132 chk6.setLocation(0, 120);
133 chk6.setChecked(true);
134 chk6.addEventListener("changeChecked", function(e) {
135 w2.setShowMaximize(e.getData());
138 var chk7 = new qx.ui.form.CheckBox("Show Minimize");
139 chk7.setLocation(0, 140);
140 chk7.setChecked(true);
141 chk7.addEventListener("changeChecked", function(e) {
142 w2.setShowMinimize(e.getData());
147 var chk8 = new qx.ui.form.CheckBox("Allow Close");
148 chk8.setLocation(0, 170);
149 chk8.setChecked(true);
150 chk8.addEventListener("changeChecked", function(e) {
151 w2.setAllowClose(e.getData());
154 var chk9 = new qx.ui.form.CheckBox("Allow Maximize");
155 chk9.setLocation(0, 190);
156 chk9.setChecked(true);
157 chk9.addEventListener("changeChecked", function(e) {
158 w2.setAllowMaximize(e.getData());
161 var chk10 = new qx.ui.form.CheckBox("Allow Minimize");
162 chk10.setLocation(0, 210);
163 chk10.setChecked(true);
164 chk10.addEventListener("changeChecked", function(e) {
165 w2.setAllowMinimize(e.getData());
169 fs1.add(chk1, chk2, chk3, chk4, chk5, chk6, chk7, chk8, chk9, chk10);