Want to keep the ext gwt application in middle of the browser

[urwitharup@yahoo.com]

Hello,

I want to keep my web application(with fixed width and variable height) in the middle of the browser. Is there any way to do that?

Regards
Arup

[viva]

You can use the CenterLayout. just this:

1. import com.extjs.gxt.ui.client.widget.ContentPanel;
2. import com.extjs.gxt.ui.client.widget.LayoutContainer;
3. import com.extjs.gxt.ui.client.widget.layout.CenterLayout;
4. public class CenterLayoutExample extends LayoutContainer {
5. public CenterLayoutExample() {
6. setLayout(new CenterLayout());
7. ContentPanel panel = new ContentPanel();
8. panel.setBodyStyle("padding: 6px");
9. panel.setFrame(true);
10. panel.setHeading("CenterLayout");
11. panel.addText("I should be centered");
12. panel.setWidth(200);
13. add(panel);
14. }
15. }

[urwitharup@yahoo.com]

Thanks,

Actually I have an existing base layout which is broderlayout for my application. I can not change it. How to wrap it in center layout?

Regards
Arup

[takayser]

you may add your existing "base layout" to a container that has a center layout?

[urwitharup@yahoo.com]

I have tried that. But if Base container is not ViewPort then it does not work.

Base(Parent) Viewport + center layout

Application(Child) LayoutContainer + border Layout


Works

Base(Parent) LayoutContainer + center layout

Application(Child) LayoutContainer + border Layout

does not

We want to make a fix width and dynamic height(scrollable) application. But Viewport will not allow me to have dynamic height application.

Regards
Arup

[brendand]

Is there a way to have variable width, between to ranges. Eg, between 800 and 1200px wide?