swat.obsolete/apps/qooxdoo-examples/test/Atom_3.html

   1 <html>
   2 <head>
   3   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4   <title>qooxdoo &raquo; Demo</title>
   5   <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
   6   <!--[if IE]>
   7   <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
   8   <![endif]-->
   9   <script type="text/javascript" src="../../script/qx.js"></script>
  10 </head>
  11 <body>
  12   <script type="text/javascript" src="../../script/layout.js"></script>
  13
  14   <div id="demoDescription">
  15     <p>Layout tests for qx.ui.basic.Atom reimplementation.</p>
  16   </div>
  17
  18   <script type="text/javascript">
  19     qx.core.Init.getInstance().defineMain(function()
  20     {
  21       var d = qx.ui.core.ClientDocument.getInstance();
  22
  23
  24       var a1 = new qx.ui.basic.Atom;
  25       a1.setLabel("hello world");
  26       a1.setTop(48);
  27       a1.setLeft(20);
  28       a1.setPadding(2, 4);
  29       a1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
  30       d.add(a1);
  31
  32       var a2 = new qx.ui.basic.Atom;
  33       a2.setIcon("icon/32/run.png");
  34       a2.setTop(48);
  35       a2.setLeft(120);
  36       a2.setPadding(2, 4);
  37       a2.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
  38       d.add(a2);
  39
  40
  41
  42
  43       var b1 = new qx.ui.basic.Atom;
  44       b1.setLabel("hello world");
  45       b1.setIcon("icon/32/run.png");
  46       b1.setIconPosition("left");
  47       b1.setTop(100);
  48       b1.setLeft(20);
  49       b1.setPadding(2, 4);
  50       b1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
  51       d.add(b1);
  52
  53       var b2 = new qx.ui.basic.Atom;
  54       b2.setLabel("hello world");
  55       b2.setIcon("icon/32/run.png");
  56       b2.setIconPosition("top");
  57       b2.setTop(100);
  58       b2.setLeft(120);
  59       b2.setPadding(2, 4);
  60       b2.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
  61       d.add(b2);
  62
  63       var b3 = new qx.ui.basic.Atom;
  64       b3.setLabel("hello world");
  65       b3.setIcon("icon/32/run.png");
  66       b3.setIconPosition("right");
  67       b3.setTop(100);
  68       b3.setLeft(220);
  69       b3.setPadding(2, 4);
  70       b3.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
  71       d.add(b3);
  72
  73       var b4 = new qx.ui.basic.Atom;
  74       b4.setLabel("hello world");
  75       b4.setIcon("icon/32/run.png");
  76       b4.setIconPosition("bottom");
  77       b4.setTop(100);
  78       b4.setLeft(320);
  79       b4.setPadding(2, 4);
  80       b4.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
  81       d.add(b4);
  82
  83
  84
  85
  86       var c1 = new qx.ui.basic.Atom;
  87       c1.setLabel("hello world");
  88       c1.setIcon("icon/32/run.png");
  89       c1.setShow("icon");
  90       c1.setTop(180);
  91       c1.setLeft(20);
  92       c1.setPadding(2, 4);
  93       c1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
  94       d.add(c1);
  95
  96       var c2 = new qx.ui.basic.Atom;
  97       c2.setLabel("hello world");
  98       c2.setIcon("icon/32/run.png");
  99       c2.setShow("label");
 100       c2.setTop(180);
 101       c2.setLeft(120);
 102       c2.setPadding(2, 4);
 103       c2.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 104       d.add(c2);
 105
 106
 107
 108
 109
 110       var d1 = new qx.ui.basic.Atom;
 111       d1.setLabel("hello world");
 112       d1.setIcon("icon/32/run.png");
 113       d1.setShow("icon");
 114       d1.setTop(250);
 115       d1.setLeft(20);
 116       d1.setPadding(2, 4);
 117       d1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 118       d.add(d1);
 119       d1.setShow("both");
 120
 121       var d2 = new qx.ui.basic.Atom;
 122       d2.setLabel("hello world");
 123       d2.setIcon("icon/32/run.png");
 124       d2.setShow("label");
 125       d2.setTop(250);
 126       d2.setLeft(120);
 127       d2.setPadding(2, 4);
 128       d2.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 129       d.add(d2);
 130       d2.setShow("both");
 131
 132       var d3 = new qx.ui.basic.Atom;
 133       d3.setLabel("hello world");
 134       d3.setIcon("icon/32/run.png");
 135       d3.setShow("none");
 136       d3.setTop(250);
 137       d3.setLeft(220);
 138       d3.setPadding(2, 4);
 139       d3.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 140       d.add(d3);
 141       d3.setShow("both");
 142
 143
 144
 145
 146       var e1 = new qx.ui.basic.Atom;
 147       e1.setIcon("icon/32/run.png");
 148       e1.setShow("none");
 149       e1.setTop(300);
 150       e1.setLeft(20);
 151       e1.setPadding(2, 4);
 152       e1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 153       d.add(e1);
 154       e1.setShow("both");
 155       e1.setLabel("hello world");
 156
 157       var e2 = new qx.ui.basic.Atom;
 158       e2.setLabel("hello world");
 159       e2.setShow("none");
 160       e2.setTop(300);
 161       e2.setLeft(120);
 162       e2.setPadding(2, 4);
 163       e2.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 164       d.add(e2);
 165       e2.setShow("both");
 166       e2.setIcon("icon/32/run.png");
 167
 168       var e3 = new qx.ui.basic.Atom;
 169       e3.setShow("none");
 170       e3.setTop(300);
 171       e3.setLeft(220);
 172       e3.setPadding(2, 4);
 173       e3.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 174       d.add(e3);
 175       e3.setShow("both");
 176       e3.setIcon("icon/32/run.png");
 177       e3.setLabel("hello world");
 178
 179       var e4 = new qx.ui.basic.Atom;
 180       e4.setShow("none");
 181       e4.setTop(300);
 182       e4.setLeft(320);
 183       e4.setPadding(2, 4);
 184       e4.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 185       d.add(e4);
 186       e4.setShow("both");
 187       e4.setLabel("hello world");
 188       e4.setIcon("icon/32/run.png");
 189
 190
 191
 192
 193       var f1 = new qx.ui.basic.Atom;
 194       f1.setLabel("hello world");
 195       f1.setIcon("icon/32/run.png");
 196       f1.setIconPosition("left");
 197       f1.setTop(350);
 198       f1.setLeft(20);
 199       f1.setPadding(2, 4);
 200       f1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 201       d.add(f1);
 202       f1.setIconPosition("top");
 203
 204       var f2 = new qx.ui.basic.Atom;
 205       f2.setLabel("hello world");
 206       f2.setIcon("icon/32/run.png");
 207       f2.setIconPosition("left");
 208       f2.setTop(350);
 209       f2.setLeft(120);
 210       f2.setPadding(2, 4);
 211       f2.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 212       d.add(f2);
 213       f2.setIconPosition("right");
 214
 215       var f3 = new qx.ui.basic.Atom;
 216       f3.setLabel("hello world");
 217       f3.setIcon("icon/32/run.png");
 218       f3.setIconPosition("left");
 219       f3.setTop(350);
 220       f3.setLeft(220);
 221       f3.setPadding(2, 4);
 222       f3.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 223       d.add(f3);
 224       f3.setIconPosition("bottom");
 225
 226
 227
 228
 229       var g1 = new qx.ui.basic.Atom;
 230       g1.setLabel("hello world");
 231       g1.setIcon("icon/32/run.png");
 232       g1.setIconPosition("top");
 233       g1.setTop(450);
 234       g1.setLeft(20);
 235       g1.setPadding(2, 4);
 236       g1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 237       d.add(g1);
 238       g1.setIconPosition("right");
 239
 240       var g2 = new qx.ui.basic.Atom;
 241       g2.setLabel("hello world");
 242       g2.setIcon("icon/32/run.png");
 243       g2.setIconPosition("top");
 244       g2.setTop(450);
 245       g2.setLeft(120);
 246       g2.setPadding(2, 4);
 247       g2.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 248       d.add(g2);
 249       g2.setIconPosition("bottom");
 250
 251       var g3 = new qx.ui.basic.Atom;
 252       g3.setLabel("hello world");
 253       g3.setIcon("icon/32/run.png");
 254       g3.setIconPosition("top");
 255       g3.setTop(450);
 256       g3.setLeft(220);
 257       g3.setPadding(2, 4);
 258       g3.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 259       d.add(g3);
 260       g3.setIconPosition("left");
 261
 262
 263
 264
 265
 266
 267       var h1 = new qx.ui.basic.Atom;
 268       h1.setLabel("hello world");
 269       h1.setIcon("icon/32/run.png");
 270       h1.setIconPosition("left");
 271       h1.setTop(520);
 272       h1.setLeft(20);
 273       h1.setPadding(2, 4);
 274       h1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 275       d.add(h1);
 276       h1.setSpacing(20);
 277
 278
 279       var h2 = new qx.ui.basic.Atom;
 280       h2.setLabel("hello world");
 281       h2.setIcon("icon/32/run.png");
 282       h2.setIconPosition("top");
 283       h2.setTop(520);
 284       h2.setLeft(150);
 285       h2.setPadding(2, 4);
 286       h2.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 287       d.add(h2);
 288       h2.setSpacing(20);
 289
 290
 291
 292
 293
 294
 295       var i1 = new qx.ui.basic.Atom;
 296       i1.setLabel("hello world");
 297       i1.setIcon("icon/32/run.png");
 298       i1.setIconPosition("left");
 299       i1.setTop(600);
 300       i1.setLeft(20);
 301       i1.setPadding(2, 4);
 302       i1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 303       i1.setHeight(150);
 304       i1.setWidth(150);
 305       d.add(i1);
 306
 307       var i2 = new qx.ui.basic.Atom;
 308       i2.setLabel("hello world");
 309       i2.setIcon("icon/32/run.png");
 310       i2.setIconPosition("top");
 311       i2.setTop(600);
 312       i2.setLeft(200);
 313       i2.setPadding(2, 4);
 314       i2.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
 315       i2.setWidth(150);
 316       i2.setHeight(150);
 317       d.add(i2);
 318
 319     });
 320   </script>
 321 </body>
 322 </html>