View Full Version : Which layout to use for an app that's height keeps increasing?

29 Apr 2014, 1:09 PM
Hey All,

I'm hoping someone can give me some advice on which layout to use... (So little time, so may layouts... ;)).

Our app is designed to dynamically add containers / panels as the user interacts with it. The app basically uses a fixed width and the panels are appended so that the app grows vertically.

Our problem is that once we reach the limit of the vertical dimension of the browser height, the new child panels aren't rendered. No scroll bar appears.

We're currently using a layout : 'border' with some minor info in the north region and the rest of the app in the center region. Is a border layout designed to live within a browser window and never have scroll bars?

What layout would you recommend?

All help is appreciated,

1 May 2014, 9:46 AM

19 May 2014, 10:55 AM

20 May 2014, 2:13 AM
You can add a container to your center and add panels to it. Use autoScroll instead of increasing the height. Assign all the available height to your container and use anchor layout with style overFlow set to auto. to this container, you can add the panels/containers dynamically.

anchorSize: {width: 100},
style: {
overflow: 'auto'

Hope it helps

P.S: You can use vbox layout for your complete App as you need two regions only. And, TRY TO AVOID UNNECESSAY NESTING of panels and containers