diff options
Diffstat (limited to 'swat/apps/qooxdoo-examples/example/Inline_1.html')
| -rw-r--r-- | swat/apps/qooxdoo-examples/example/Inline_1.html | 260 |
1 files changed, 260 insertions, 0 deletions
diff --git a/swat/apps/qooxdoo-examples/example/Inline_1.html b/swat/apps/qooxdoo-examples/example/Inline_1.html new file mode 100644 index 0000000000..5dac06a698 --- /dev/null +++ b/swat/apps/qooxdoo-examples/example/Inline_1.html @@ -0,0 +1,260 @@ +<html> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>qooxdoo » Demo</title> + <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/> + <!--[if IE]> + <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/> + <![endif]--> + <script type="text/javascript" src="../../script/qx.js"></script> +</head> +<body> + <script type="text/javascript" src="../../script/layout.js"></script> + + <div id="demoDescription"> + <p>Inline widget.</p><p>Application layout is disabled by using qx.core.Settings. Scrollbars appear, if the content is bigger than the window.</p> + </div> + + <div id="iframe1" class="manualFrame" style="overflow:hidden;position:static;margin-top:38px;margin-left:10px"> + Inline Frame #1 + </div> + + <div id="iframe2" class="manualFrame" style="overflow:hidden;position:static;margin-top:20px;margin-left:10px"> + Inline Frame #2 + </div> + + <script type="text/javascript"> + qx.core.Init.getInstance().defineMain(function() + { + var d = qx.ui.core.ClientDocument.getInstance(); + + var inlineWidget = new qx.ui.basic.Inline("iframe1"); + + inlineWidget.setHeight("auto"); + inlineWidget.setWidth("auto"); + + var fieldSet = new qx.ui.groupbox.GroupBox("My first inline fieldset"); + + with(fieldSet) + { + // setWidth("auto"); + // setWidth("100%"); + + setLeft(0); + setRight(0); + + setHeight("auto"); + }; + + inlineWidget.add(fieldSet); + + d.add(inlineWidget); + + + + var atom1 = new qx.ui.basic.Atom("Name"); + var textfield1 = new qx.ui.form.TextField; + + with(atom1) + { + setLeft(0); + setTop(3); + }; + + with(textfield1) + { + setLeft(80); + setRight(0); + setTop(0); + }; + + fieldSet.add(atom1, textfield1); + + + + var atom2 = new qx.ui.basic.Atom("First Name"); + var textfield2 = new qx.ui.form.TextField; + + with(atom2) + { + setLeft(0); + setTop(33); + }; + + with(textfield2) + { + setLeft(80); + setRight(0); + setTop(30); + }; + + fieldSet.add(atom2, textfield2); + + + + var atom3 = new qx.ui.basic.Atom("City"); + var textfield3 = new qx.ui.form.TextField; + + with(atom3) + { + setLeft(0); + setTop(63); + }; + + with(textfield3) + { + setLeft(80); + setRight(0); + setTop(60); + }; + + fieldSet.add(atom3, textfield3); + + + + /* + Menu + */ + + var m1 = new qx.ui.menu.Menu; + + var mb1_01 = new qx.ui.menu.MenuButton("New"); + var mb1_02 = new qx.ui.menu.MenuButton("Open"); + var mb1_03 = new qx.ui.menu.MenuButton("Save"); + var mb1_04 = new qx.ui.menu.MenuButton("Save as"); + var mb1_05 = new qx.ui.menu.MenuButton("Close"); + var mb1_06 = new qx.ui.menu.MenuButton("Restore last saved"); + + m1.add(mb1_01, mb1_02, mb1_03, mb1_04, mb1_05, mb1_06); + + + var m2 = new qx.ui.menu.Menu; + + var mb2_01 = new qx.ui.menu.MenuButton("Undo"); + var mb2_02 = new qx.ui.menu.MenuButton("Redo"); + var mb2_b1 = new qx.ui.menu.MenuSeparator(); + var mb2_03 = new qx.ui.menu.MenuButton("Cut", "icon/16/edit-cut.png"); + var mb2_04 = new qx.ui.menu.MenuButton("Copy", "icon/16/edit-copy.png"); + var mb2_05 = new qx.ui.menu.MenuButton("Paste", "icon/16/edit-paste.png"); + var mb2_06 = new qx.ui.menu.MenuButton("Delete", "icon/16/edit-delete.png"); + var mb2_b2 = new qx.ui.menu.MenuSeparator(); + var mb2_07 = new qx.ui.menu.MenuButton("Select All"); + var mb2_08 = new qx.ui.menu.MenuButton("Find"); + var mb2_09 = new qx.ui.menu.MenuButton("Find Again"); + + + + + mb2_05.setEnabled(false); + mb2_06.setEnabled(false); + mb2_09.setEnabled(false); + + m2.add(mb2_01, mb2_02, mb2_b1, mb2_03, mb2_04, mb2_05, mb2_06, mb2_b2, mb2_07, mb2_08, mb2_09); + + + var m3 = new qx.ui.menu.Menu; + var m3_suba = new qx.ui.menu.Menu; + var m3_subb = new qx.ui.menu.Menu; + var m3_subc = new qx.ui.menu.Menu; + + var mb3_01 = new qx.ui.menu.MenuCheckBox("File List", null, false); + var mb3_02 = new qx.ui.menu.MenuCheckBox("Syntax Highlighting", null, true); + var mb3_03 = new qx.ui.menu.MenuCheckBox("Statusbar", null, true); + var mb3_b1 = new qx.ui.menu.MenuSeparator(); + var mb3_04 = new qx.ui.menu.MenuButton("Printer Font", null, null, m3_suba); + var mb3_05 = new qx.ui.menu.MenuButton("Editor Font", null, null, m3_subb); + var mb3_06 = new qx.ui.menu.MenuButton("Export Font", null, null, m3_subc); + + m3.add(mb3_01, mb3_02, mb3_03, mb3_b1, mb3_04, mb3_05, mb3_06); + + var mb3_suba_01 = new qx.ui.menu.MenuButton("Tahoma, 11pt"); + var mb3_suba_02 = new qx.ui.menu.MenuButton("Tahoma, 12pt"); + var mb3_suba_03 = new qx.ui.menu.MenuButton("Tahoma, 13pt"); + var mb3_suba_04 = new qx.ui.menu.MenuButton("Tahoma, 14pt"); + var mb3_suba_05 = new qx.ui.menu.MenuButton("Tahoma, 15pt"); + + m3_suba.add(mb3_suba_01, mb3_suba_02, mb3_suba_03, mb3_suba_04, mb3_suba_05); + + var mb3_subb_01 = new qx.ui.menu.MenuButton("Verdana, 11pt"); + var mb3_subb_02 = new qx.ui.menu.MenuButton("Verdana, 12pt"); + var mb3_subb_03 = new qx.ui.menu.MenuButton("Verdana, 13pt"); + var mb3_subb_04 = new qx.ui.menu.MenuButton("Verdana, 14pt"); + var mb3_subb_05 = new qx.ui.menu.MenuButton("Verdana, 15pt"); + + m3_subb.add(mb3_subb_01, mb3_subb_02, mb3_subb_03, mb3_subb_04, mb3_subb_05); + + var mb3_subc_01 = new qx.ui.menu.MenuButton("Courier, 11pt"); + var mb3_subc_02 = new qx.ui.menu.MenuButton("Courier, 12pt"); + var mb3_subc_03 = new qx.ui.menu.MenuButton("Courier, 13pt"); + var mb3_subc_04 = new qx.ui.menu.MenuButton("Courier, 14pt"); + var mb3_subc_05 = new qx.ui.menu.MenuButton("Courier, 15pt"); + + m3_subc.add(mb3_subc_01, mb3_subc_02, mb3_subc_03, mb3_subc_04, mb3_subc_05); + + + + var m4 = new qx.ui.menu.Menu; + + var m4_suba = new qx.ui.menu.Menu; + + var mb4_01 = new qx.ui.menu.MenuButton("View", null, null, m4_suba); + var mb4_b1 = new qx.ui.menu.MenuSeparator(); + var mb4_02 = new qx.ui.menu.MenuButton("Editor Preferences..."); + var mb4_03 = new qx.ui.menu.MenuButton("Editor Extensions"); + var mb4_04 = new qx.ui.menu.MenuButton("Framework Preferences"); + + m4.add(mb4_01, mb4_b1, mb4_02, mb4_03, mb4_04); + + var mb4_suba_01 = new qx.ui.menu.MenuButton("New Window"); + var mb4_suba_b1 = new qx.ui.menu.MenuSeparator(); + var mb4_suba_02 = new qx.ui.menu.MenuRadioButton("Overlapping", null, true); + var mb4_suba_03 = new qx.ui.menu.MenuRadioButton("Split Horizontally", null); + var mb4_suba_04 = new qx.ui.menu.MenuRadioButton("Split Vertically", null); + var mb4_suba_b2 = new qx.ui.menu.MenuSeparator(); + var mb4_suba_05 = new qx.ui.menu.MenuButton("Next Window"); + var mb4_suba_06 = new qx.ui.menu.MenuButton("Previous Window"); + + 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); + + var mb4_manager = new qx.manager.selection.RadioManager("windowMode", [ mb4_suba_02, mb4_suba_03, mb4_suba_04 ]); + + + var m5 = new qx.ui.menu.Menu; + + var mb5_01 = new qx.ui.menu.MenuButton("Help"); + var mb5_02 = new qx.ui.menu.MenuButton("About"); + + m5.add(mb5_01, mb5_02); + + d.add(m1, m2, m3, m3_suba, m3_subb, m3_subc, m4, m4_suba, m5); + + + var inline2 = new qx.ui.basic.Inline("iframe2"); + + inline2.setHeight("auto"); + inline2.setWidth("auto"); + + + var mb1 = new qx.ui.toolbar.ToolBar; + + var mbb1 = new qx.ui.toolbar.ToolBarMenuButton("File", m1); + var mbb2 = new qx.ui.toolbar.ToolBarMenuButton("Edit", m2); + var mbb3 = new qx.ui.toolbar.ToolBarMenuButton("View", m3); + var mbb4 = new qx.ui.toolbar.ToolBarMenuButton("Options", m4); + var mbb5 = new qx.ui.toolbar.ToolBarMenuButton("Help", m5); + + mb1.add(mbb1, mbb2, mbb3, mbb4, mbb5); + + with(mb1) + { + setWidth(400); + setHeight("auto"); + }; + + inline2.add(mb1); + + d.add(inline2); + }); + </script> +</body> +</html>
\ No newline at end of file |