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>qx.ui.basic.Atom is the parent class for buttons, menu entries, icons, checkboxes. While you can do,
16 you usually don't have to instantiate qx.ui.basic.Atom directly.</p>
19 <script type="text/javascript">
20 qx.core.Init.getInstance().defineMain(function()
22 var d = qx.ui.core.ClientDocument.getInstance();
25 var nl1 = new qx.ui.basic.Atom("Test #1", "icon/16/reload.png", 16, 16);
28 nl1.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
29 nl1.setBackgroundColor(new qx.renderer.color.Color("white"));
34 var nl2 = new qx.ui.basic.Atom("Test #2");
37 nl2.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
38 nl2.setBackgroundColor(new qx.renderer.color.Color("white"));
43 var nl3 = new qx.ui.basic.Atom(null, "icon/16/reload.png");
46 nl3.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
47 nl3.setBackgroundColor(new qx.renderer.color.Color("white"));
52 var nl4 = new qx.ui.basic.Atom("<span style='font-size:14px'>Some great HTML</span><br/>for <b>you</b>", "icon/32/reload.png");
55 nl4.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
56 nl4.setBackgroundColor(new qx.renderer.color.Color("white"));
61 var nl5 = new qx.ui.basic.Atom(qx.util.Textile.textilize("*File Information*:\nJPEG-Photo\nCreated: 01/03/05"), "icon/48/icons.png");
66 setBorder(qx.renderer.border.BorderPresets.getInstance().outset);