<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>