Kristjan Cočev schrieb:
> Ok, found it myself.
> The ClientDocument class inherits methods from "parent" class(es).
> The backgroundColor property is in the class Widget where it is properly
> described.
>
> To developers:
> it would be really cool and would save precious time, if the
> inherited methods
> would also show in the API Documentation!
There is an button in the top toolbar to toggle this.
Sebastian
>
> Best regards to all of you,
> Kris
>
> On 10.6.2008, at 10:17, Kristjan Cočev wrote:
>
>> Sebastian,
>> that definitely helps a lot!
>> How could I find this in the documentation??
>> -I have searched everywhere and could not find it...
>>
>> Anyway, thanks a lot!
>>
>> Kris
>>
>> On 10.6.2008, at 10:10, Sebastian Werner wrote:
>>
>>> The application layout setting just change the behavior the client
>>> document has on the page. If enabled it reconfigures the layout to
>>> omit
>>> any top-level scrollbars and changes the dimensions of the body
>>> element
>>> to 100%.
>>>
>>> What you need to do, if you do not want the default styling
>>> however, is
>>> to disable the appearance the client document applies to the
>>> document.
>>> This is a completely other thing. Two options:
>>>
>>> * write your own appearance theme and override "client-document"
>>> to do
>>> not apply a background color
>>> * modify the client document at runtime e.g. through:
>>> qx.ui.core.ClientDocument.getInstance().setBackgroundColor(null);
>>>
>>> Hope this helps.
>>>
>>> Sebastian
>>>
>>>
>>>
>>> Kristjan Cočev schrieb:
>>>> Thomas, thanks for your quick reply.
>>>> The problem is the following.
>>>> I do NOT set any background color properties, but it somehow
>>>> defaults to
>>>> gray. I would have no problem if that occured in the <div>, but it
>>>> sets the
>>>> color for the whole window...
>>>>
>>>> So, from the code, I guess all that matters is the following:
>>>>
>>>>>> <script type="text/javascript">
>>>>>> qxsettings = new Object();
>>>>>> qxsettings["qx.enableApplicationLayout"] = false;
>>>>>> qxsettings["qx.boxModelCorrection"] = true;
>>>>>> //qxsettings = { "qx.enableApplicationLayout" : "false" };
>>>>>> </script>
>>>> When I specified the qx.enableApplicationLayout=false,
>>>> that should mean the application only occurs in the <div>, as I have
>>>> understood.
>>>>
>>>> Than I set the div id with the following line:
>>>>
>>>> var inlineWidget = new qx.ui.basic.Inline("iframe1");
>>>>
>>>> where iframe1 is the id of the containing <div>
>>>>
>>>> But the whole screen gets painted gray.
>>>>
>>>> I think it has to do with the following css code:
>>>>
>>>> element.style {
>>>> -moz-user-focus:normal;
>>>> -moz-user-select:none;
>>>> background-color:#EBE9ED;
>>>> }
>>>>
>>>> That (background-color:#EBE9ED;) overrides the setting in the "more
>>>> general" css tag:
>>>>
>>>> html, body {
>>>> background-color:white;
>>>> }
>>>>
>>>> So how should I convince qooxdoo not to do that?
>>>>
>>>> rgds,kris
>>>>
>>>> On 9.6.2008, at 17:01, thron7 wrote:
>>>>
>>>>> Kris,
>>>>>
>>>>> that's pretty much for an excerpt, isn't it ;). There are a
>>>>> couple of
>>>>> things I don't quite understand, but particularly I'm missing the
>>>>> point
>>>>> where you are trying to set the background color of the inline div.
>>>>> Wasn't that what your question was about?! Could you come up with a
>>>>> minimized code sample that shows the problem?
>>>>>
>>>>> Thomas
>>>>>
>>>>>
>>>>>
>>>>> Kristjan Cočev wrote:
>>>>>> ok, here the excerpt of the code:
>>>>>>
>>>>>> <script type="text/javascript">
>>>>>> qxsettings = new Object();
>>>>>> qxsettings["qx.enableApplicationLayout"] = false;
>>>>>> qxsettings["qx.boxModelCorrection"] = true;
>>>>>> //qxsettings = { "qx.enableApplicationLayout" : "false" };
>>>>>> </script>
>>>>>> <!-- Include compiled qooxdoo -->
>>>>>> <script type="text/javascript"
>>>>>> src="<%=renderResponse.encodeURL(renderRequest.getContextPath()
>>>>>> + "/
>>>>>> script/qx.js") %>"></script>
>>>>>> <!-- Add your own classes here -->
>>>>>> <div id="description">
>>>>>> <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.Class.define("BasicSample",
>>>>>> {
>>>>>> extend : qx.application.Gui,
>>>>>>
>>>>>> members :
>>>>>> {
>>>>>> main : function()
>>>>>> {
>>>>>> this.base(arguments);
>>>>>> 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)
>>>>>> {
>>>>>> 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.Button("New");
>>>>>> var mb1_02 = new qx.ui.menu.Button("Open");
>>>>>> var mb1_03 = new qx.ui.menu.Button("Save");
>>>>>> var mb1_04 = new qx.ui.menu.Button("Save as");
>>>>>> var mb1_05 = new qx.ui.menu.Button("Close");
>>>>>> var mb1_06 = new qx.ui.menu.Button("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.Button("Undo");
>>>>>> var mb2_02 = new qx.ui.menu.Button("Redo");
>>>>>> var mb2_b1 = new qx.ui.menu.Separator();
>>>>>> var mb2_03 = new qx.ui.menu.Button("Cut", "icon/16/
>>>>>> actions/
>>>>>> edit-cut.png");
>>>>>> var mb2_04 = new qx.ui.menu.Button("Copy", "icon/16/
>>>>>> actions/edit-copy.png");
>>>>>> var mb2_05 = new qx.ui.menu.Button("Paste", "icon/16/
>>>>>> actions/edit-paste.png");
>>>>>> var mb2_06 = new qx.ui.menu.Button("Delete", "icon/16/
>>>>>> actions/edit-delete.png");
>>>>>> var mb2_b2 = new qx.ui.menu.Separator();
>>>>>> var mb2_07 = new qx.ui.menu.Button("Select All");
>>>>>> var mb2_08 = new qx.ui.menu.Button("Find");
>>>>>> var mb2_09 = new qx.ui.menu.Button("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.CheckBox("File List", null,
>>>>>> false);
>>>>>> var mb3_02 = new qx.ui.menu.CheckBox("Syntax
>>>>>> Highlighting", null, true);
>>>>>> var mb3_03 = new qx.ui.menu.CheckBox("Statusbar", null,
>>>>>> true);
>>>>>> var mb3_b1 = new qx.ui.menu.Separator();
>>>>>> var mb3_04 = new qx.ui.menu.Button("Printer Font",
>>>>>> null,
>>>>>> null, m3_suba);
>>>>>> var mb3_05 = new qx.ui.menu.Button("Editor Font", null,
>>>>>> null, m3_subb);
>>>>>> var mb3_06 = new qx.ui.menu.Button("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.Button("Tahoma,
>>>>>> 11pt");
>>>>>> var mb3_suba_02 = new qx.ui.menu.Button("Tahoma,
>>>>>> 12pt");
>>>>>> var mb3_suba_03 = new qx.ui.menu.Button("Tahoma,
>>>>>> 13pt");
>>>>>> var mb3_suba_04 = new qx.ui.menu.Button("Tahoma,
>>>>>> 14pt");
>>>>>> var mb3_suba_05 = new qx.ui.menu.Button("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.Button("Verdana,
>>>>>> 11pt");
>>>>>> var mb3_subb_02 = new qx.ui.menu.Button("Verdana,
>>>>>> 12pt");
>>>>>> var mb3_subb_03 = new qx.ui.menu.Button("Verdana,
>>>>>> 13pt");
>>>>>> var mb3_subb_04 = new qx.ui.menu.Button("Verdana,
>>>>>> 14pt");
>>>>>> var mb3_subb_05 = new qx.ui.menu.Button("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.Button("Courier,
>>>>>> 11pt");
>>>>>> var mb3_subc_02 = new qx.ui.menu.Button("Courier,
>>>>>> 12pt");
>>>>>> var mb3_subc_03 = new qx.ui.menu.Button("Courier,
>>>>>> 13pt");
>>>>>> var mb3_subc_04 = new qx.ui.menu.Button("Courier,
>>>>>> 14pt");
>>>>>> var mb3_subc_05 = new qx.ui.menu.Button("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.Button("View", null, null,
>>>>>> m4_suba);
>>>>>> var mb4_b1 = new qx.ui.menu.Separator();
>>>>>> var mb4_02 = new qx.ui.menu.Button("Editor
>>>>>> Preferences...");
>>>>>> var mb4_03 = new qx.ui.menu.Button("Editor
>>>>>> Extensions");
>>>>>> var mb4_04 = new qx.ui.menu.Button("Framework
>>>>>> Preferences");
>>>>>>
>>>>>> m4.add(mb4_01, mb4_b1, mb4_02, mb4_03, mb4_04);
>>>>>>
>>>>>> var mb4_suba_01 = new qx.ui.menu.Button("New Window");
>>>>>> var mb4_suba_b1 = new qx.ui.menu.Separator();
>>>>>> var mb4_suba_02 = new qx.ui.menu.RadioButton
>>>>>> ("Overlapping", null, true);
>>>>>> var mb4_suba_03 = new qx.ui.menu.RadioButton("Split
>>>>>> Horizontally", null);
>>>>>> var mb4_suba_04 = new qx.ui.menu.RadioButton("Split
>>>>>> Vertically", null);
>>>>>> var mb4_suba_b2 = new qx.ui.menu.Separator();
>>>>>> var mb4_suba_05 = new qx.ui.menu.Button("Next Window");
>>>>>> var mb4_suba_06 = new qx.ui.menu.Button("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.ui.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.Button("Help");
>>>>>> var mb5_02 = new qx.ui.menu.Button("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.MenuButton("File", m1);
>>>>>> var mbb2 = new qx.ui.toolbar.MenuButton("Edit", m2);
>>>>>> var mbb3 = new qx.ui.toolbar.MenuButton("View", m3);
>>>>>> var mbb4 = new qx.ui.toolbar.MenuButton("Options", m4);
>>>>>> var mbb5 = new qx.ui.toolbar.MenuButton("Help", m5);
>>>>>>
>>>>>> mb1.add(mbb1, mbb2, mbb3, mbb4, mbb5);
>>>>>>
>>>>>> with(mb1)
>>>>>> {
>>>>>> setWidth(400);
>>>>>> setHeight("auto");
>>>>>> };
>>>>>>
>>>>>> inline2.add(mb1);
>>>>>>
>>>>>> d.add(inline2);
>>>>>> }
>>>>>> }
>>>>>> });
>>>>>>
>>>>>> qx.core.Init.getInstance().setApplication(new BasicSample);
>>>>>> </script>
>>>>>>
>>>>>>
>>>>>> On 9.6.2008, at 14:30, thron7 wrote:
>>>>>>
>>>>>>
>>>>>>> Kris,
>>>>>>>
>>>>>>> could you provide some essential code here so we can see what
>>>>>>> you've
>>>>>>> done so far?!
>>>>>>>
>>>>>>> Thomas
>>>>>>>
>>>>>>>
>>>>>>> Kristjan Cočev wrote:
>>>>>>>
>>>>>>>> Hi, just started using qooxdoo.
>>>>>>>> Have one question regarding the inline widget:
>>>>>>>>
>>>>>>>> how do I avoid setting the backroung color to the default "gray"
>>>>>>>> setting?
>>>>>>>>
>>>>>>>> I want to use the qooxdoo toolkit in a portlet container and
>>>>>>>> have
>>>>>>>> tried the inline widget thingy, but it sets the background
>>>>>>>> color of
>>>>>>>> the whole page instead of just the containing <div> container.
>>>>>>>>
>>>>>>>> What is the best way to achieve this?
>>>>>>>>
>>>>>>>> Best regards,
>>>>>>>> Kris
>>>>>>>>
>>>>>>>> ----------------------------------------------------------------
>>>>>>>> -
>>>>>>>> --
>>>>>>>> --
>>>>>>>> ----
>>>>>>>> Check out the new SourceForge.net Marketplace.
>>>>>>>> It's the best place to buy or sell services for
>>>>>>>> just about anything Open Source.
>>>>>>>> http://sourceforge.net/services/buy/index.php
>>>>>>>> _______________________________________________
>>>>>>>> qooxdoo-devel mailing list
>>>>>>>> [email protected]
>>>>>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>> -----------------------------------------------------------------
>>>>>>> -
>>>>>>> --
>>>>>>> --
>>>>>>> ---
>>>>>>> Check out the new SourceForge.net Marketplace.
>>>>>>> It's the best place to buy or sell services for
>>>>>>> just about anything Open Source.
>>>>>>> http://sourceforge.net/services/buy/index.php
>>>>>>> _______________________________________________
>>>>>>> qooxdoo-devel mailing list
>>>>>>> [email protected]
>>>>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>>>>>
>>>>>> ------------------------------------------------------------------
>>>>>> -
>>>>>> --
>>>>>> ----
>>>>>> Check out the new SourceForge.net Marketplace.
>>>>>> It's the best place to buy or sell services for
>>>>>> just about anything Open Source.
>>>>>> http://sourceforge.net/services/buy/index.php
>>>>>> _______________________________________________
>>>>>> qooxdoo-devel mailing list
>>>>>> [email protected]
>>>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>>>>
>>>>> -------------------------------------------------------------------
>>>>> -
>>>>> --
>>>>> ---
>>>>> Check out the new SourceForge.net Marketplace.
>>>>> It's the best place to buy or sell services for
>>>>> just about anything Open Source.
>>>>> http://sourceforge.net/services/buy/index.php
>>>>> _______________________________________________
>>>>> qooxdoo-devel mailing list
>>>>> [email protected]
>>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>>
>>>> --------------------------------------------------------------------
>>>> -
>>>> ----
>>>> Check out the new SourceForge.net Marketplace.
>>>> It's the best place to buy or sell services for
>>>> just about anything Open Source.
>>>> http://sourceforge.net/services/buy/index.php
>>>> _______________________________________________
>>>> qooxdoo-devel mailing list
>>>> [email protected]
>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>
>>> ---------------------------------------------------------------------
>>> -
>>> ---
>>> Check out the new SourceForge.net Marketplace.
>>> It's the best place to buy or sell services for
>>> just about anything Open Source.
>>> http://sourceforge.net/services/buy/index.php
>>> _______________________________________________
>>> qooxdoo-devel mailing list
>>> [email protected]
>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>
>> ----------------------------------------------------------------------
>> ---
>> Check out the new SourceForge.net Marketplace.
>> It's the best place to buy or sell services for
>> just about anything Open Source.
>> http://sourceforge.net/services/buy/index.php
>> _______________________________________________
>> qooxdoo-devel mailing list
>> [email protected]
>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
>
> -------------------------------------------------------------------------
> Check out the new SourceForge.net Marketplace.
> It's the best place to buy or sell services for
> just about anything Open Source.
> http://sourceforge.net/services/buy/index.php
> _______________________________________________
> qooxdoo-devel mailing list
> [email protected]
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
-------------------------------------------------------------------------
Check out the new SourceForge.net Marketplace.
It's the best place to buy or sell services for
just about anything Open Source.
http://sourceforge.net/services/buy/index.php
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
