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>Example to show correct calculations of qx.ui.basic.Atom sizes. Normally a qx.ui.basic.Atom has only the size of its content.</p>
18 <script type="text/javascript">
19 qx.core.Init.getInstance().defineMain(function()
21 var w = qx.ui.core.ClientDocument.getInstance();
25 alert(this.getElement().offsetWidth + "x" + this.getElement().offsetHeight);
28 var l1 = new qx.ui.layout.CanvasLayout();
29 var l2 = new qx.ui.layout.CanvasLayout();
37 setBackgroundColor("red");
38 setOverflow("hidden");
47 setBackgroundColor("red");
48 setOverflow("hidden");
56 var a1 = new qx.ui.basic.Atom("Pure Text", "icon/22/folder.png");
57 var a2 = new qx.ui.basic.Atom(null, "icon/22/folder.png");
60 setBorder(new qx.renderer.border.Border(1, "solid", "black"));
66 setBorder(new qx.renderer.border.Border(1, "solid", "black"));
74 a1.addEventListener("click", alertoff);
75 a2.addEventListener("click", alertoff);
79 var l3 = new qx.ui.layout.CanvasLayout();
80 var l4 = new qx.ui.layout.CanvasLayout();
88 setBackgroundColor("red");
89 setOverflow("hidden");
98 setBackgroundColor("red");
99 setOverflow("hidden");
106 var b1 = new qx.ui.basic.Atom("Pure Text", "icon/32/network.png");
107 var b2 = new qx.ui.basic.Atom(null, "icon/32/network.png");
110 setBorder(new qx.renderer.border.Border(1, "solid", "black"));
116 setBorder(new qx.renderer.border.Border(1, "solid", "black"));
124 b1.addEventListener("click", alertoff);
125 b2.addEventListener("click", alertoff);
132 var l5 = new qx.ui.layout.CanvasLayout();
133 var l6 = new qx.ui.layout.CanvasLayout();
141 setBackgroundColor("red");
142 setOverflow("hidden");
151 setBackgroundColor("red");
152 setOverflow("hidden");
159 var c1 = new qx.ui.basic.Atom("Pure Text", "icon/16/network.png");
160 var c2 = new qx.ui.basic.Atom(null, "icon/16/network.png");
163 setBorder(new qx.renderer.border.Border(1, "solid", "black"));
169 setBorder(new qx.renderer.border.Border(1, "solid", "black"));
177 c1.addEventListener("click", alertoff);
178 c2.addEventListener("click", alertoff);