Hello,
On 9/8/06, Sebastian Werner <[EMAIL PROTECTED]> wrote:
> I want to try to help you to understand the material a bit better. Maybe
> it's possible for you to enhance the documentation afterwards to make it
> even clearer for new qooxdoo users.
Thanks a lot for your explanation and here are some snippets to add to
the documentation.
How to make the qooxdoo app to look like a web page?
By default, qooxdoo sets the background color to silver and make
scrollbars to disappear, this is nice because qooxdoo is aimed to
develop windows style applications on the browser, but if we need to
add some controls to an existing webpage, we would need to change
these settings, and here is how:
//This returns the client document that holds all the qooxdoo controls
var d = qx.ui.core.ClientDocument.getInstance();
//This restores the vertical scrollbar, which is hidden by default
d.setOverflow("scrollY");
//This lets the color of the page be the one set on the body tag
d.setBackgroundColor(null);
How to make controls be part of the HTML document and scroll as the
page scrolls?
By default, qooxdoo controls are set on fixed coordinates, relative to
their parent widget coordinates, but if we want to develop a webpage
which has scrolling, we will need to make the widgets scroll too, and
here is how:
1. Put a <div> tag on the HTML code where you want the control to be shown:
<div id="widget"></div>
2. Create a new object of type Inline and pass the id of the div to
the constructor
var ee = new qx.ui.basic.Inline("widget");
3. Set the height and width of the inline object to "auto", so it
resizes to the control we are going to add inside
ee.setHeight("auto");
ee.setWidth("auto");
4. Create the control we need and add it to the inline object
//Create the control, can be any widget you want
var BitBtn1 = new qx.ui.form.Button("BitBtn1");
//Set dimension and location properties, left and top must be 0
BitBtn1.setLeft(0);
BitBtn1.setTop(0);
BitBtn1.setWidth(75);
BitBtn1.setHeight(25);
//Add the inline object to the document
d.add(i);
//Add the control to the inline object
i.add(BitBtn1);
Regards
--
qstudio :: PHP Visual RAD development environment
http://www.qadram.com/products.php
-------------------------------------------------------------------------
Using Tomcat but need to do more? Need to support web services, security?
Get stuff done quickly with pre-integrated technology to make your job easier
Download IBM WebSphere Application Server v.1.0.1 based on Apache Geronimo
http://sel.as-us.falkag.net/sel?cmd=lnk&kid=120709&bid=263057&dat=121642
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
