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>Testing qx.renderer.font.Font object for QxLabels inside QxAtoms.</p>
18 <script type="text/javascript">
19 qx.core.Init.getInstance().defineMain(function()
21 var f1 = new qx.ui.layout.CanvasLayout;
23 var a1 = new qx.ui.basic.Atom("Hello World");
25 var b1 = new qx.ui.form.Button("Serif, 16px");
26 var b2 = new qx.ui.form.Button("Serif, 24px");
27 var b3 = new qx.ui.form.Button("Sans Serif, 16px");
28 var b4 = new qx.ui.form.Button("Sans Serif, 24px");
30 b1.addEventListener("execute", function() {
31 a1.getLabelObject().setFont("16px serif");
34 b2.addEventListener("execute", function() {
35 a1.getLabelObject().setFont("24px serif");
38 b3.addEventListener("execute", function() {
39 a1.getLabelObject().setFont("16px sans-serif");
42 b4.addEventListener("execute", function() {
43 a1.getLabelObject().setFont("24px sans-serif");
46 f1.setDimension("auto", "auto");
47 f1.setLocation(20, 48);
48 f1.setBorder("1px solid red");
51 a1.getLabelObject().setFont("16px serif");
53 b1.setLocation(200, 48);
54 b2.setLocation(200, 78);
55 b3.setLocation(200, 108);
56 b4.setLocation(200, 138);
59 qx.ui.core.ClientDocument.getInstance().add(f1, b1, b2, b3, b4);