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>Test for qx.renderer.border.Border, a cross-browser advanced border engine.
16 Each instance of qx.renderer.border.Border allows to affect multiple QxTerminators.
17 When the one property of the qx.renderer.border.Border change, it informs all bounded
18 QxTerminators to rerender the border.</p>
20 <p>The qx.renderer.border.Border constructor also allows you to convert a string
21 (css-like) into and qx.renderer.border.Border instance (last example).</p>
24 <script type="text/javascript">
25 qx.core.Init.getInstance().defineMain(function()
27 var d = qx.ui.core.ClientDocument.getInstance();
31 var c1 = new qx.ui.basic.Terminator;
38 setBackgroundColor(new qx.renderer.color.Color("#fff"));
42 var c2 = new qx.ui.basic.Terminator;
49 setBackgroundColor(new qx.renderer.color.Color("#fff"));
53 var b1 = new qx.renderer.border.Border;
55 // before set border properties
60 b1.setColor(new qx.renderer.color.Color("black"));
61 b1.setBottomStyle("dotted");
62 b1.setTopColor(new qx.renderer.color.Color("blue"));
64 // after set border properties
74 var c3 = new qx.ui.basic.Terminator;
81 setBackgroundColor(new qx.renderer.color.ColorObject("threedface"));
85 c3.setBorder(qx.renderer.border.BorderPresets.getInstance().thinInset);
87 var c4 = new qx.ui.basic.Terminator;
94 setBackgroundColor(new qx.renderer.color.ColorObject("threedface"));
98 c4.setBorder(qx.renderer.border.BorderPresets.getInstance().thinOutset);
100 var c5 = new qx.ui.basic.Terminator;
107 setBackgroundColor(new qx.renderer.color.ColorObject("threedface"));
111 c5.setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
114 var c6 = new qx.ui.basic.Terminator;
121 setBackgroundColor(new qx.renderer.color.ColorObject("threedface"));
125 c6.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
128 var c7 = new qx.ui.basic.Terminator;
135 setBackgroundColor(new qx.renderer.color.ColorObject("threedface"));
139 c7.setBorder(qx.renderer.border.BorderPresets.getInstance().groove);
141 var c8 = new qx.ui.basic.Terminator;
148 setBackgroundColor(new qx.renderer.color.ColorObject("threedface"));
152 c8.setBorder(qx.renderer.border.BorderPresets.getInstance().ridge);
156 var c9 = new qx.ui.basic.Terminator;
163 setBackgroundColor(new qx.renderer.color.ColorObject("threedface"));
167 var b2 = qx.renderer.border.Border.fromString("2px solid red");
173 qx.manager.object.ColorManager.getInstance().createThemeList(d, 220, 248);