webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/Label_4.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>Testing mnemonic support.</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     var c1 = new qx.ui.basic.Label("Hello qooxdoo!");
  24
  25     c1.setLeft(20);
  26     c1.setTop(48);
  27     c1.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
  28     c1.setPadding(2, 4);
  29     c1.setMnemonic("q");
  30
  31     d.add(c1);
  32
  33
  34
  35     var c2 = new qx.ui.basic.Label("A qx.ui.basic.Label with some more text", "T");
  36
  37     c2.setLeft(20);
  38     c2.setTop(98);
  39     c2.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
  40     c2.setPadding(2, 4);
  41
  42     d.add(c2);
  43
  44
  45
  46
  47     var c3 = new qx.ui.basic.Label("A qx.ui.basic.Label with some more text", "C");
  48
  49     c3.setLeft(20);
  50     c3.setTop(148);
  51     c3.setWidth(80);
  52     c3.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
  53     c3.setPadding(2, 4);
  54
  55     d.add(c3);
  56
  57
  58
  59     var c4 = new qx.ui.basic.Label("Well done guy", "Q");
  60
  61     c4.setLeft(20);
  62     c4.setTop(198);
  63     c4.setWidth(70);
  64     c4.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
  65     c4.setPadding(2, 4);
  66
  67     d.add(c4);
  68
  69
  70
  71     var c5 = new qx.ui.basic.Label("Well done guy", "Q");
  72
  73     c5.setLeft(20);
  74     c5.setTop(248);
  75     c5.setWidth("10%");
  76     c5.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
  77     c5.setPadding(2, 4);
  78
  79     d.add(c5);
  80
  81
  82
  83
  84
  85     var a1 = new qx.ui.basic.Atom("Hello World", "icon/48/penguin.png")
  86
  87     a1.setLocation(250, 48);
  88     a1.setWidth(100);
  89     a1.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
  90     a1.setHorizontalChildrenAlign("left");
  91
  92     a1.getLabelObject().setMnemonic("H");
  93     a1.getLabelObject().setWidth(50);
  94
  95     d.add(a1);
  96
  97
  98   });
  99   </script>
 100 </body>
 101 </html>