3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <title>qooxdoo » Demo » Sample</title>
5 <link type="text/css" rel="stylesheet" href="../../css/layout.css"/>
7 <link type="text/css" rel="stylesheet" href="../../css/layout_ie.css"/>
9 <script type="text/javascript" src="../../script/sample.js"></script>
12 <script type="text/javascript" src="../../script/layout.js"></script>
14 <div id="demoDescription">
15 <p>Again a nice example which shows how to use qx.ui.toolbar.ToolBar as a menubar system.</p>
18 <script type="text/javascript">
19 qx.core.Init.getInstance().defineMain(function()
21 var d = qx.ui.core.ClientDocument.getInstance();
23 var c1 = new qx.client.Command();
24 c1.addEventListener("execute", function(e) {
25 this.debug("Execute: " + e.getData().getLabel());
31 var m1 = new qx.ui.menu.Menu;
33 var mb1_01 = new qx.ui.menu.Button("New", "icon/16/actions/document-new.png", c1);
34 var mb1_02 = new qx.ui.menu.Button("Open", "icon/16/actions/document-open.png", c1);
35 var mb1_03 = new qx.ui.menu.Button("Save", "icon/16/actions/document-save.png", c1);
36 var mb1_04 = new qx.ui.menu.Button("Save as", "icon/16/actions/document-save-as.png", c1);
37 var mb1_05 = new qx.ui.menu.Button("Close", "icon/16/actions/document-close.png", c1);
38 var mb1_06 = new qx.ui.menu.Button("Restore last saved", null, c1);
40 m1.add(mb1_01, mb1_02, mb1_03, mb1_04, mb1_05, mb1_06);
43 var m2 = new qx.ui.menu.Menu;
45 var mb2_01 = new qx.ui.menu.Button("Undo", null, c1);
46 var mb2_02 = new qx.ui.menu.Button("Redo", null, c1);
47 var mb2_b1 = new qx.ui.menu.Separator();
48 var mb2_03 = new qx.ui.menu.Button("Cut", "icon/16/actions/edit-cut.png", c1);
49 var mb2_04 = new qx.ui.menu.Button("Copy", "icon/16/actions/edit-copy.png", c1);
50 var mb2_05 = new qx.ui.menu.Button("Paste", "icon/16/actions/edit-paste.png", c1);
51 var mb2_06 = new qx.ui.menu.Button("Delete", "icon/16/actions/edit-delete.png", c1);
52 var mb2_b2 = new qx.ui.menu.Separator();
53 var mb2_07 = new qx.ui.menu.Button("Select All", null, c1);
54 var mb2_08 = new qx.ui.menu.Button("Find", null, c1);
55 var mb2_09 = new qx.ui.menu.Button("Find Again", null, c1);
60 mb2_05.setEnabled(false);
61 mb2_06.setEnabled(false);
62 mb2_09.setEnabled(false);
64 m2.add(mb2_01, mb2_02, mb2_b1, mb2_03, mb2_04, mb2_05, mb2_06, mb2_b2, mb2_07, mb2_08, mb2_09);
67 var m3 = new qx.ui.menu.Menu;
68 var m3_suba = new qx.ui.menu.Menu;
69 var m3_subb = new qx.ui.menu.Menu;
70 var m3_subc = new qx.ui.menu.Menu;
71 var m3_subd = new qx.ui.menu.Menu;
73 var mb3_01 = new qx.ui.menu.CheckBox("File List", c1, false);
74 var mb3_02 = new qx.ui.menu.CheckBox("Syntax Highlighting", c1, true);
75 var mb3_03 = new qx.ui.menu.CheckBox("Statusbar", c1, true);
76 var mb3_b1 = new qx.ui.menu.Separator();
77 var mb3_04 = new qx.ui.menu.Button("Printer Font", null, null, m3_suba);
78 var mb3_05 = new qx.ui.menu.Button("Editor Font", null, null, m3_subb);
79 var mb3_06 = new qx.ui.menu.Button("Export Font", null, null, m3_subc);
80 var mb3_b2 = new qx.ui.menu.Separator();
81 var mb3_07 = new qx.ui.menu.Button("Advanced", null, null, m3_subd);
83 m3.add(mb3_01, mb3_02, mb3_03, mb3_b1, mb3_04, mb3_05, mb3_06, mb3_b2, mb3_07);
85 var mb3_suba_01 = new qx.ui.menu.Button("Tahoma, 11pt", null, c1);
86 var mb3_suba_02 = new qx.ui.menu.Button("Tahoma, 12pt", null, c1);
87 var mb3_suba_03 = new qx.ui.menu.Button("Tahoma, 13pt", null, c1);
88 var mb3_suba_04 = new qx.ui.menu.Button("Tahoma, 14pt", null, c1);
89 var mb3_suba_05 = new qx.ui.menu.Button("Tahoma, 15pt", null, c1);
91 m3_suba.add(mb3_suba_01, mb3_suba_02, mb3_suba_03, mb3_suba_04, mb3_suba_05);
93 var mb3_subb_01 = new qx.ui.menu.Button("Verdana, 11pt", null, c1);
94 var mb3_subb_02 = new qx.ui.menu.Button("Verdana, 12pt", null, c1);
95 var mb3_subb_03 = new qx.ui.menu.Button("Verdana, 13pt", null, c1);
96 var mb3_subb_04 = new qx.ui.menu.Button("Verdana, 14pt", null, c1);
97 var mb3_subb_05 = new qx.ui.menu.Button("Verdana, 15pt", null, c1);
99 m3_subb.add(mb3_subb_01, mb3_subb_02, mb3_subb_03, mb3_subb_04, mb3_subb_05);
101 var mb3_subc_01 = new qx.ui.menu.Button("Courier, 11pt", null, c1);
102 var mb3_subc_02 = new qx.ui.menu.Button("Courier, 12pt", null, c1);
103 var mb3_subc_03 = new qx.ui.menu.Button("Courier, 13pt", null, c1);
104 var mb3_subc_04 = new qx.ui.menu.Button("Courier, 14pt", null, c1);
105 var mb3_subc_05 = new qx.ui.menu.Button("Courier, 15pt", null, c1);
107 m3_subc.add(mb3_subc_01, mb3_subc_02, mb3_subc_03, mb3_subc_04, mb3_subc_05);
109 var mb3_subd_02_suba = new qx.ui.menu.Menu();
111 var mb3_subd_02_suba_01 = new qx.ui.menu.Button("First", null, c1);
112 var mb3_subd_02_suba_02 = new qx.ui.menu.Button("Second", null, c1);
113 var mb3_subd_02_suba_03 = new qx.ui.menu.Button("Third", null, c1);
115 mb3_subd_02_suba.add(mb3_subd_02_suba_01, mb3_subd_02_suba_02, mb3_subd_02_suba_03);
117 var mb3_subd_01 = new qx.ui.menu.Button("First", null, c1);
118 var mb3_subd_02 = new qx.ui.menu.Button("Second", null, c1, mb3_subd_02_suba);
119 var mb3_subd_03 = new qx.ui.menu.Button("Third", null, c1);
121 m3_subd.add(mb3_subd_01, mb3_subd_02, mb3_subd_03);
123 var m4 = new qx.ui.menu.Menu;
125 var m4_suba = new qx.ui.menu.Menu;
127 var mb4_01 = new qx.ui.menu.Button("View", null, c1, m4_suba);
128 var mb4_b1 = new qx.ui.menu.Separator();
129 var mb4_02 = new qx.ui.menu.Button("Editor Preferences...", null, c1);
130 var mb4_03 = new qx.ui.menu.Button("Editor Extensions", null, c1);
131 var mb4_04 = new qx.ui.menu.Button("Framework Preferences", null, c1);
133 m4.add(mb4_01, mb4_b1, mb4_02, mb4_03, mb4_04);
135 var mb4_suba_01 = new qx.ui.menu.Button("New Window", null, c1);
136 var mb4_suba_b1 = new qx.ui.menu.Separator();
137 var mb4_suba_02 = new qx.ui.menu.RadioButton("Overlapping", c1, true);
138 var mb4_suba_03 = new qx.ui.menu.RadioButton("Split Horizontally", c1);
139 var mb4_suba_04 = new qx.ui.menu.RadioButton("Split Vertically", c1);
140 var mb4_suba_b2 = new qx.ui.menu.Separator();
141 var mb4_suba_05 = new qx.ui.menu.Button("Next Window", null, c1);
142 var mb4_suba_06 = new qx.ui.menu.Button("Previous Window", null, c1);
144 m4_suba.add(mb4_suba_01, mb4_suba_b1, mb4_suba_02, mb4_suba_03, mb4_suba_04, mb4_suba_b2, mb4_suba_05, mb4_suba_06);
146 var mb4_manager = new qx.manager.selection.RadioManager("windowMode", [ mb4_suba_02, mb4_suba_03, mb4_suba_04 ]);
149 var m5 = new qx.ui.menu.Menu;
151 var mb5_01 = new qx.ui.menu.Button("Help", null, c1);
152 var mb5_02 = new qx.ui.menu.Button("About", null, c1);
154 m5.add(mb5_01, mb5_02);
156 d.add(m1, m2, m3, m3_suba, m3_subb, m3_subc, m3_subd, mb3_subd_02_suba, m4, m4_suba, m5);
159 var mb1 = new qx.ui.toolbar.ToolBar;
165 var mbb1 = new qx.ui.toolbar.MenuButton("File", m1);
166 var mbb2 = new qx.ui.toolbar.MenuButton("Edit", m2);
167 var mbb3 = new qx.ui.toolbar.MenuButton("View", m3);
168 var mbb4 = new qx.ui.toolbar.MenuButton("Options", m4);
169 var mbb5 = new qx.ui.toolbar.MenuButton("Help", m5);
171 mb1.add(mbb1, mbb2, mbb3, mbb4, mbb5);
178 // Icon & Color Themes
179 qx.manager.object.ImageManager.getInstance().createThemeList(d, 20, 348);
180 qx.manager.object.ColorManager.getInstance().createThemeList(d, 220, 348);