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 Tests for the new implementation of the qx.ui.layout.VerticalBoxLayout widget.
18 <script type="text/javascript">
19 qx.core.Init.getInstance().defineMain(function()
21 var d = qx.ui.core.ClientDocument.getInstance();
23 var cl_white = new qx.renderer.color.Color("white");
24 var cl_blue = new qx.renderer.color.Color("blue");
25 var cl_yellow = new qx.renderer.color.Color("yellow");
26 var cl_green = new qx.renderer.color.Color("green");
27 var cl_orange = new qx.renderer.color.Color("orange");
28 var cl_purple = new qx.renderer.color.Color("purple");
29 var cl_aqua = new qx.renderer.color.Color("aqua");
30 var cl_fuchsia = new qx.renderer.color.Color("fuchsia");
32 /* ***********************************************
37 *********************************************** */
39 var hbl1 = new qx.ui.layout.VerticalBoxLayout;
43 hbl1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
44 hbl1.setWidth("auto");
50 hbl1.setHorizontalChildrenAlign("right");
53 var w1_1 = new qx.ui.layout.CanvasLayout;
56 w1_1.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
57 w1_1.setBackgroundColor(cl_white);
58 // w1_1.setMaxWidth(40);
60 var w1_2 = new qx.ui.layout.CanvasLayout;
63 w1_2.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
64 w1_2.setBackgroundColor(cl_blue);
67 var w1_3 = new qx.ui.layout.CanvasLayout;
69 w1_3.setWidth("100%");
70 w1_3.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
71 w1_3.setBackgroundColor(cl_yellow);
73 var w1_4 = new qx.ui.layout.CanvasLayout;
76 w1_4.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
77 w1_4.setBackgroundColor(cl_green);
79 var w1_5 = new qx.ui.layout.CanvasLayout;
80 w1_5.setHeight("15%");
82 w1_5.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
83 w1_5.setBackgroundColor(cl_orange);
85 var w1_6 = new qx.ui.layout.CanvasLayout;
88 w1_6.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
89 w1_6.setBackgroundColor(cl_purple);
93 var w1_7 = new qx.ui.basic.Image("icon/32/clock.png");
95 var w1_8 = new qx.ui.basic.Image("icon/32/colors.png");
97 var w1_9 = new qx.ui.layout.CanvasLayout;
100 w1_9.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
101 w1_9.setBackgroundColor(cl_aqua);
103 var w1_10 = new qx.ui.layout.CanvasLayout;
106 w1_10.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
107 w1_10.setBackgroundColor(cl_fuchsia);
110 hbl1.addEventListener("click", function(e)
112 if (e.getTarget()!=this) {
127 this.setWidth("auto");
135 this.setHeight(null);
144 w1_1.addEventListener("click", function(e)
146 if (this.getHeight() == 25)
150 this.setBorder(new qx.renderer.border.Border(6, "double", "black"));
156 this.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
160 w1_2.addEventListener("click", function(e) {
161 this.getMarginBottom() == 0 ? this.setMarginBottom(10) : this.setMarginBottom(0);
164 w1_3.addEventListener("click", function(e) {
165 this.getMinHeight() == -Infinity ? this.setMinHeight(100) : this.setMinHeight(-Infinity);
168 w1_4.addEventListener("click", function(e) {
169 this.getHeight() == 25 ? this.setHeight(50) : this.setHeight(25);
172 w1_5.addEventListener("click", function(e) {
173 this.getHeight() == 40 ? this.setHeight(80) : this.setHeight(40);
176 w1_6.addEventListener("click", function(e) {
177 this.getTop() == -25 ? this.setTop(25) : this.setTop(-25);
180 w1_7.addEventListener("click", function(e) {
181 this.getSource() == "icon/32/clock.png" ? this.setSource("icon/64/clock.png") : this.setSource("icon/32/clock.png");
184 w1_8.addEventListener("click", function(e) {
185 this.getSource() == "icon/32/colors.png" ? this.setSource("icon/16/colors.png") : this.setSource("icon/32/colors.png");
188 w1_9.addEventListener("click", function(e)
190 if (this.getLeft() == null)
202 w1_10.addEventListener("click", function(e)
204 if (this.getHeight() == 25)
222 hbl1.add(w1_1, w1_2, w1_3, w1_4, w1_5, w1_6, w1_7, w1_8, w1_9, w1_10);
229 /* ***********************************************
234 *********************************************** */
236 var hbl2 = new qx.ui.layout.VerticalBoxLayout;
240 hbl2.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
241 hbl2.setWidth("auto");
247 hbl2.setVerticalChildrenAlign("bottom");
248 hbl2.setHorizontalChildrenAlign("center");
251 var w2_1 = new qx.ui.layout.CanvasLayout;
254 w2_1.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
255 w2_1.setBackgroundColor(cl_white);
256 // w2_1.setMaxWidth(40);
258 var w2_2 = new qx.ui.layout.CanvasLayout;
261 w2_2.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
262 w2_2.setBackgroundColor(cl_blue);
265 var w2_3 = new qx.ui.layout.CanvasLayout;
267 w2_3.setWidth("100%");
268 w2_3.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
269 w2_3.setBackgroundColor(cl_yellow);
271 var w2_4 = new qx.ui.layout.CanvasLayout;
274 w2_4.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
275 w2_4.setBackgroundColor(cl_green);
277 var w2_5 = new qx.ui.layout.CanvasLayout;
278 w2_5.setHeight("15%");
279 // w2_5.setWidth(25);
280 w2_5.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
281 w2_5.setBackgroundColor(cl_orange);
283 var w2_6 = new qx.ui.layout.CanvasLayout;
286 w2_6.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
287 w2_6.setBackgroundColor(cl_purple);
291 var w2_7 = new qx.ui.basic.Image("icon/32/clock.png");
293 var w2_8 = new qx.ui.basic.Image("icon/32/colors.png");
295 var w2_9 = new qx.ui.layout.CanvasLayout;
298 w2_9.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
299 w2_9.setBackgroundColor(cl_aqua);
301 var w2_10 = new qx.ui.layout.CanvasLayout;
304 w2_10.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
305 w2_10.setBackgroundColor(cl_fuchsia);
310 hbl2.addEventListener("click", function(e)
312 if (e.getTarget()!=this) {
327 this.setWidth("auto");
335 this.setHeight(null);
344 w2_1.addEventListener("click", function(e)
346 if (this.getHeight() == 25)
350 this.setBorder(new qx.renderer.border.Border(6, "double", "black"));
356 this.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
360 w2_2.addEventListener("click", function(e) {
361 this.getMarginBottom() == 0 ? this.setMarginBottom(10) : this.setMarginBottom(0);
364 w2_3.addEventListener("click", function(e) {
365 this.getMinHeight() == -Infinity ? this.setMinHeight(100) : this.setMinHeight(-Infinity);
368 w2_4.addEventListener("click", function(e) {
369 this.getHeight() == 25 ? this.setHeight(50) : this.setHeight(25);
372 w2_5.addEventListener("click", function(e) {
373 this.getHeight() == 40 ? this.setHeight(80) : this.setHeight(40);
376 w2_6.addEventListener("click", function(e) {
377 this.getTop() == -25 ? this.setTop(25) : this.setTop(-25);
380 w2_7.addEventListener("click", function(e) {
381 this.getSource() == "icon/32/clock.png" ? this.setSource("icon/64/clock.png") : this.setSource("icon/32/clock.png");
384 w2_8.addEventListener("click", function(e) {
385 this.getSource() == "icon/32/colors.png" ? this.setSource("icon/16/colors.png") : this.setSource("icon/32/colors.png");
388 w2_9.addEventListener("click", function(e)
390 if (this.getLeft() == null)
402 w2_10.addEventListener("click", function(e)
404 if (this.getHeight() == 25)
422 hbl2.add(w2_1, w2_2, w2_3, w2_4, w2_5, w2_6, w2_7, w2_8, w2_9, w2_10);
426 /* ***********************************************
431 *********************************************** */
433 var hbl3 = new qx.ui.layout.VerticalBoxLayout;
437 hbl3.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
438 hbl3.setWidth("auto");
444 hbl3.setVerticalChildrenAlign("middle");
448 var w3_1 = new qx.ui.layout.CanvasLayout;
451 w3_1.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
452 w3_1.setBackgroundColor(cl_white);
453 // w3_1.setMaxWidth(40);
455 var w3_2 = new qx.ui.layout.CanvasLayout;
458 w3_2.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
459 w3_2.setBackgroundColor(cl_blue);
462 var w3_3 = new qx.ui.layout.CanvasLayout;
464 w3_3.setWidth("100%");
465 w3_3.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
466 w3_3.setBackgroundColor(cl_yellow);
468 var w3_4 = new qx.ui.layout.CanvasLayout;
471 w3_4.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
472 w3_4.setBackgroundColor(cl_green);
474 var w3_5 = new qx.ui.layout.CanvasLayout;
475 w3_5.setHeight("15%");
476 // w3_5.setWidth(25);
477 w3_5.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
478 w3_5.setBackgroundColor(cl_orange);
480 var w3_6 = new qx.ui.layout.CanvasLayout;
483 w3_6.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
484 w3_6.setBackgroundColor(cl_purple);
488 var w3_7 = new qx.ui.basic.Image("icon/32/clock.png");
490 var w3_8 = new qx.ui.basic.Image("icon/32/colors.png");
492 var w3_9 = new qx.ui.layout.CanvasLayout;
495 w3_9.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
496 w3_9.setBackgroundColor(cl_aqua);
498 var w3_10 = new qx.ui.layout.CanvasLayout;
501 w3_10.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
502 w3_10.setBackgroundColor(cl_fuchsia);
506 hbl3.addEventListener("click", function(e)
508 if (e.getTarget()!=this) {
523 this.setWidth("auto");
531 this.setHeight(null);
540 w3_1.addEventListener("click", function(e)
542 if (this.getHeight() == 25)
546 this.setBorder(new qx.renderer.border.Border(6, "double", "black"));
552 this.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
556 w3_2.addEventListener("click", function(e) {
557 this.getMarginBottom() == 0 ? this.setMarginBottom(10) : this.setMarginBottom(0);
560 w3_3.addEventListener("click", function(e) {
561 this.getMinHeight() == -Infinity ? this.setMinHeight(100) : this.setMinHeight(-Infinity);
564 w3_4.addEventListener("click", function(e) {
565 this.getHeight() == 25 ? this.setHeight(50) : this.setHeight(25);
568 w3_5.addEventListener("click", function(e) {
569 this.getHeight() == 40 ? this.setHeight(80) : this.setHeight(40);
572 w3_6.addEventListener("click", function(e) {
573 this.getTop() == -25 ? this.setTop(25) : this.setTop(-25);
576 w3_7.addEventListener("click", function(e) {
577 this.getSource() == "icon/32/clock.png" ? this.setSource("icon/64/clock.png") : this.setSource("icon/32/clock.png");
580 w3_8.addEventListener("click", function(e) {
581 this.getSource() == "icon/32/colors.png" ? this.setSource("icon/16/colors.png") : this.setSource("icon/32/colors.png");
584 w3_9.addEventListener("click", function(e)
586 if (this.getLeft() == null)
598 w3_10.addEventListener("click", function(e)
600 if (this.getHeight() == 25)
618 hbl3.add(w3_1, w3_2, w3_3, w3_4, w3_5, w3_6, w3_7, w3_8, w3_9, w3_10);
624 /* ***********************************************
627 TOP ALIGN, REVERTED CHILDREN ORDER
629 *********************************************** */
631 var hbl4 = new qx.ui.layout.VerticalBoxLayout;
635 hbl4.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
636 hbl4.setHeight(null);
641 hbl4.setReverseChildrenOrder(true);
642 hbl4.setHorizontalChildrenAlign("right");
648 var w4_1 = new qx.ui.layout.CanvasLayout;
651 w4_1.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
652 w4_1.setBackgroundColor(cl_white);
653 // w4_1.setMaxWidth(40);
655 var w4_2 = new qx.ui.layout.CanvasLayout;
658 w4_2.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
659 w4_2.setBackgroundColor(cl_blue);
662 var w4_3 = new qx.ui.layout.CanvasLayout;
664 w4_3.setWidth("100%");
665 w4_3.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
666 w4_3.setBackgroundColor(cl_yellow);
668 var w4_4 = new qx.ui.layout.CanvasLayout;
671 w4_4.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
672 w4_4.setBackgroundColor(cl_green);
674 var w4_5 = new qx.ui.layout.CanvasLayout;
675 w4_5.setHeight("15%");
676 // w4_5.setWidth(25);
677 w4_5.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
678 w4_5.setBackgroundColor(cl_orange);
680 var w4_6 = new qx.ui.layout.CanvasLayout;
683 w4_6.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
684 w4_6.setBackgroundColor(cl_purple);
688 var w4_7 = new qx.ui.basic.Image("icon/32/clock.png");
690 var w4_8 = new qx.ui.basic.Image("icon/32/colors.png");
692 var w4_9 = new qx.ui.layout.CanvasLayout;
695 w4_9.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
696 w4_9.setBackgroundColor(cl_aqua);
698 var w4_10 = new qx.ui.layout.CanvasLayout;
701 w4_10.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
702 w4_10.setBackgroundColor(cl_fuchsia);
706 hbl4.addEventListener("click", function(e)
708 if (e.getTarget()!=this) {
719 this.setWidth("auto");
731 this.setHeight(null);
740 w4_1.addEventListener("click", function(e)
742 if (this.getHeight() == 25)
746 this.setBorder(new qx.renderer.border.Border(6, "double", "black"));
752 this.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
756 w4_2.addEventListener("click", function(e) {
757 this.getMarginBottom() == 0 ? this.setMarginBottom(10) : this.setMarginBottom(0);
760 w4_3.addEventListener("click", function(e) {
761 this.getMinHeight() == -Infinity ? this.setMinHeight(100) : this.setMinHeight(-Infinity);
764 w4_4.addEventListener("click", function(e) {
765 this.getHeight() == 25 ? this.setHeight(50) : this.setHeight(25);
768 w4_5.addEventListener("click", function(e) {
769 this.getHeight() == 40 ? this.setHeight(80) : this.setHeight(40);
772 w4_6.addEventListener("click", function(e) {
773 this.getTop() == -25 ? this.setTop(25) : this.setTop(-25);
776 w4_7.addEventListener("click", function(e) {
777 this.getSource() == "icon/32/clock.png" ? this.setSource("icon/64/clock.png") : this.setSource("icon/32/clock.png");
780 w4_8.addEventListener("click", function(e) {
781 this.getSource() == "icon/32/colors.png" ? this.setSource("icon/16/colors.png") : this.setSource("icon/32/colors.png");
784 w4_9.addEventListener("click", function(e)
786 if (this.getLeft() == null)
798 w4_10.addEventListener("click", function(e)
800 if (this.getHeight() == 25)
818 hbl4.add(w4_1, w4_2, w4_3, w4_4, w4_5, w4_6, w4_7, w4_8, w4_9, w4_10);
824 /* ***********************************************
827 BOTTOM ALIGN, REVERTED CHILDREN ORDER
829 *********************************************** */
831 var hbl5 = new qx.ui.layout.VerticalBoxLayout;
835 hbl5.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
836 hbl5.setHeight(null);
842 hbl5.setVerticalChildrenAlign("bottom");
843 hbl5.setReverseChildrenOrder(true);
844 hbl5.setHorizontalChildrenAlign("center");
849 var w5_1 = new qx.ui.layout.CanvasLayout;
852 w5_1.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
853 w5_1.setBackgroundColor(cl_white);
854 // w5_1.setMaxWidth(40);
856 var w5_2 = new qx.ui.layout.CanvasLayout;
859 w5_2.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
860 w5_2.setBackgroundColor(cl_blue);
863 var w5_3 = new qx.ui.layout.CanvasLayout;
865 w5_3.setWidth("100%");
866 w5_3.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
867 w5_3.setBackgroundColor(cl_yellow);
869 var w5_4 = new qx.ui.layout.CanvasLayout;
872 w5_4.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
873 w5_4.setBackgroundColor(cl_green);
875 var w5_5 = new qx.ui.layout.CanvasLayout;
876 w5_5.setHeight("15%");
877 // w5_5.setWidth(25);
878 w5_5.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
879 w5_5.setBackgroundColor(cl_orange);
881 var w5_6 = new qx.ui.layout.CanvasLayout;
884 w5_6.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
885 w5_6.setBackgroundColor(cl_purple);
889 var w5_7 = new qx.ui.basic.Image("icon/32/clock.png");
891 var w5_8 = new qx.ui.basic.Image("icon/32/colors.png");
893 var w5_9 = new qx.ui.layout.CanvasLayout;
896 w5_9.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
897 w5_9.setBackgroundColor(cl_aqua);
899 var w5_10 = new qx.ui.layout.CanvasLayout;
902 w5_10.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
903 w5_10.setBackgroundColor(cl_fuchsia);
907 hbl5.addEventListener("click", function(e)
909 if (e.getTarget()!=this) {
920 this.setWidth("auto");
932 this.setHeight(null);
941 w5_1.addEventListener("click", function(e)
943 if (this.getHeight() == 25)
947 this.setBorder(new qx.renderer.border.Border(6, "double", "black"));
953 this.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
957 w5_2.addEventListener("click", function(e) {
958 this.getMarginBottom() == 0 ? this.setMarginBottom(10) : this.setMarginBottom(0);
961 w5_3.addEventListener("click", function(e) {
962 this.getMinHeight() == -Infinity ? this.setMinHeight(100) : this.setMinHeight(-Infinity);
965 w5_4.addEventListener("click", function(e) {
966 this.getHeight() == 25 ? this.setHeight(50) : this.setHeight(25);
969 w5_5.addEventListener("click", function(e) {
970 this.getHeight() == 40 ? this.setHeight(80) : this.setHeight(40);
973 w5_6.addEventListener("click", function(e) {
974 this.getTop() == -25 ? this.setTop(25) : this.setTop(-25);
977 w5_7.addEventListener("click", function(e) {
978 this.getSource() == "icon/32/clock.png" ? this.setSource("icon/64/clock.png") : this.setSource("icon/32/clock.png");
981 w5_8.addEventListener("click", function(e) {
982 this.getSource() == "icon/32/colors.png" ? this.setSource("icon/16/colors.png") : this.setSource("icon/32/colors.png");
985 w5_9.addEventListener("click", function(e)
987 if (this.getLeft() == null)
999 w5_10.addEventListener("click", function(e)
1001 if (this.getHeight() == 25)
1013 this.setRight(null);
1019 hbl5.add(w5_1, w5_2, w5_3, w5_4, w5_5, w5_6, w5_7, w5_8, w5_9, w5_10);
1029 /* ***********************************************
1032 CENTER ALIGN, REVERTED CHILDREN ORDER
1034 *********************************************** */
1036 var hbl6 = new qx.ui.layout.VerticalBoxLayout;
1040 hbl6.setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
1041 hbl6.setHeight(null);
1047 hbl6.setVerticalChildrenAlign("middle");
1048 hbl6.setReverseChildrenOrder(true);
1052 var w6_1 = new qx.ui.layout.CanvasLayout;
1055 w6_1.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
1056 w6_1.setBackgroundColor(cl_white);
1057 // w6_1.setMaxWidth(40);
1059 var w6_2 = new qx.ui.layout.CanvasLayout;
1062 w6_2.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
1063 w6_2.setBackgroundColor(cl_blue);
1066 var w6_3 = new qx.ui.layout.CanvasLayout;
1068 w6_3.setWidth("100%");
1069 w6_3.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
1070 w6_3.setBackgroundColor(cl_yellow);
1072 var w6_4 = new qx.ui.layout.CanvasLayout;
1075 w6_4.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
1076 w6_4.setBackgroundColor(cl_green);
1078 var w6_5 = new qx.ui.layout.CanvasLayout;
1079 w6_5.setHeight("15%");
1080 // w6_5.setWidth(25);
1081 w6_5.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
1082 w6_5.setBackgroundColor(cl_orange);
1084 var w6_6 = new qx.ui.layout.CanvasLayout;
1087 w6_6.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
1088 w6_6.setBackgroundColor(cl_purple);
1092 var w6_7 = new qx.ui.basic.Image("icon/32/clock.png");
1094 var w6_8 = new qx.ui.basic.Image("icon/32/colors.png");
1096 var w6_9 = new qx.ui.layout.CanvasLayout;
1099 w6_9.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
1100 w6_9.setBackgroundColor(cl_aqua);
1102 var w6_10 = new qx.ui.layout.CanvasLayout;
1103 w6_10.setHeight(25);
1105 w6_10.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
1106 w6_10.setBackgroundColor(cl_fuchsia);
1110 hbl6.addEventListener("click", function(e)
1112 if (e.getTarget()!=this) {
1123 this.setWidth("auto");
1131 this.setHeight(200);
1135 this.setHeight(null);
1144 w6_1.addEventListener("click", function(e)
1146 if (this.getHeight() == 25)
1150 this.setBorder(new qx.renderer.border.Border(6, "double", "black"));
1156 this.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
1160 w6_2.addEventListener("click", function(e) {
1161 this.getMarginBottom() == 0 ? this.setMarginBottom(10) : this.setMarginBottom(0);
1164 w6_3.addEventListener("click", function(e) {
1165 this.getMinHeight() == -Infinity ? this.setMinHeight(100) : this.setMinHeight(-Infinity);
1168 w6_4.addEventListener("click", function(e) {
1169 this.getHeight() == 25 ? this.setHeight(50) : this.setHeight(25);
1172 w6_5.addEventListener("click", function(e) {
1173 this.getHeight() == 40 ? this.setHeight(80) : this.setHeight(40);
1176 w6_6.addEventListener("click", function(e) {
1177 this.getTop() == -25 ? this.setTop(25) : this.setTop(-25);
1180 w6_7.addEventListener("click", function(e) {
1181 this.getSource() == "icon/32/clock.png" ? this.setSource("icon/64/clock.png") : this.setSource("icon/32/clock.png");
1184 w6_8.addEventListener("click", function(e) {
1185 this.getSource() == "icon/32/colors.png" ? this.setSource("icon/16/colors.png") : this.setSource("icon/32/colors.png");
1188 w6_9.addEventListener("click", function(e)
1190 if (this.getLeft() == null)
1202 w6_10.addEventListener("click", function(e)
1204 if (this.getHeight() == 25)
1216 this.setRight(null);
1222 hbl6.add(w6_1, w6_2, w6_3, w6_4, w6_5, w6_6, w6_7, w6_8, w6_9, w6_10);