swat/apps/qooxdoo-examples/test/Window_1.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>Who Framed Roger Rabbit?</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 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");
  26     d.add(w0);
  27
  28     var w1 = new qx.ui.window.Window("First Window");
  29     w1.setSpace(20, 400, 20, 250);
  30     w0.add(w1);
  31
  32     var w2 = new qx.ui.window.Window("Second Window", "icon/16/colors.png");
  33     w2.setSpace(200, 300, 80, 350);
  34     w0.add(w2);
  35
  36     var w3 = new qx.ui.window.Window("Third Window", "icon/16/network.png");
  37     w3.setSpace(100, 300, 200, 200);
  38     w3.setMaxWidth(450);
  39     w3.setMaxHeight(300);
  40     w0.add(w3);
  41
  42
  43
  44
  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 });
  47     w1.add(a1);
  48
  49
  50
  51     var tf1 = new qx.ui.pageview.tabview.TabView;
  52     tf1.set({ left: 10, top: 52, right: 10, bottom: 10 });
  53
  54     var t1_1 = new qx.ui.pageview.tabview.TabViewButton("Explore");
  55     var t1_2 = new qx.ui.pageview.tabview.TabViewButton("Internet");
  56     var t1_3 = new qx.ui.pageview.tabview.TabViewButton("Future");
  57
  58     t1_1.setChecked(true);
  59
  60     tf1.getBar().add(t1_1, t1_2, t1_3);
  61
  62     var p1_1 = new qx.ui.pageview.tabview.TabViewPage(t1_1);
  63     var p1_2 = new qx.ui.pageview.tabview.TabViewPage(t1_2);
  64     var p1_3 = new qx.ui.pageview.tabview.TabViewPage(t1_3);
  65
  66     tf1.getPane().add(p1_1, p1_2, p1_3);
  67
  68     w1.add(tf1);
  69
  70
  71
  72     var at1 = new qx.ui.basic.Atom("Second Window", "icon/22/clock.png");
  73     at1.setLocation(4, 4);
  74     w2.add(at1);
  75
  76
  77     var at2 = new qx.ui.basic.Atom("Third Window", "icon/48/colors.png");
  78     at2.setLocation(4, 4);
  79     w3.add(at2);
  80
  81
  82
  83
  84
  85
  86     var fs1 = new qx.ui.groupbox.GroupBox("Settings");
  87     fs1.setLocation(4, 30);
  88     fs1.setRight(4);
  89     fs1.setBottom(4);
  90
  91
  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());
  97     });
  98
  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());
 104     });
 105
 106
 107
 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());
 113     });
 114
 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());
 120     });
 121
 122
 123
 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());
 129     });
 130
 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());
 136     });
 137
 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());
 143     });
 144
 145
 146
 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());
 152     });
 153
 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());
 159     });
 160
 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());
 166     });
 167
 168
 169     fs1.add(chk1, chk2, chk3, chk4, chk5, chk6, chk7, chk8, chk9, chk10);
 170     w2.add(fs1);
 171
 172
 173     w1.open();
 174     w2.open();
 175     w3.open();
 176   });
 177   </script>
 178 </body>
 179 </html>