swat/apps/qooxdoo-examples/test/Window_2.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 auto dimension possibility of qx.ui.window.Window.</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 w1 = new qx.ui.window.Window("First Window");
  24     w1.getPane().setPadding(10);
  25     w1.setLocation(100, 100);
  26     w1.setWidth("auto");
  27     w1.setHeight("auto");
  28
  29     d.add(w1);
  30
  31     var a1 = new qx.ui.basic.Atom("Welcome to your first own Window.<br/>Have fun!", "icon/32/bookmark.png");
  32     a1.set({ top: 0, left: 100 });
  33     w1.add(a1);
  34
  35     var chk1 = new qx.ui.form.CheckBox("Show Statusbar");
  36     chk1.set({ top: 45, left: 0 });
  37
  38     chk1.addEventListener("changeChecked", function(e) {
  39       w1.setShowStatusbar(e.getData());
  40     });
  41
  42     var btn1 = new qx.ui.form.Button("Yes", "icon/16/button-ok.png");
  43     btn1.set({ top: 70, left : 0 });
  44
  45     var btn2 = new qx.ui.form.Button("No", "icon/16/button-cancel.png");
  46     btn2.set({ top: 70, right : 0 });
  47
  48     w1.add(chk1, btn1, btn2);
  49
  50     w1.open();
  51   });
  52   </script>
  53 </body>
  54 </html>