Visual LANSA Forum

I keep having a problem with the content on nested panels (Reusable Parts) not being visible on smaller devices or small browser windows.

I can enable "VerticalScroll" on every panel, but I would rather have the entire page scroll. I cannot seem to get this to work. I can only get scrolling to work at the lowest possible panel in the control hierarchy.

I've enable "VeritcalScroll" on the page, but it seems not to do anything.

How do you get long content on multiple nested panels, in a web page to scroll vertically? I mean the web page itself to scroll vertically (much like this forum) not the individual panels.

Do you have your topmost panel size set to "Fit to Both" (or "Fit to Height") and the page's row as proportional?
That would make your panel to fill the whole webpage (it just follows whatever the size of the webpage is so you won't have any scrolling).

Hi Joe

There are two types of sizing

The first is based on the size of the container, or what I refer to as "Push in". This is the typical Windows desktop model where the boundaries of the form define the size of the content. If the form gets smaller, so do the panels within the form. For this model of sizing, panels and lists will typically be sized as FitBoth/Width/Height and will show a scrollbar if their content no longer fits.

The second is based on the size of the content, or what I refer to as "Push out". This is the typical browser model where the size of the the content determines the size of the container. If the pieces get taller, the length of the page increases. For this model of sizing, panels and lists will typically be sized to ContentHeightFitWidth.

Have a look at xDemoWebLayout3ColumnWithHeaderandFooter. This is an example of a responsive site using multiple design sizes to determine the layout. Each of the pieces is attached CenterTop, is ContentHeightFitWidth and flows down the page.

Individual parts can also be defined to that they automatically get bigger as required. The panels in the body (xDemoWebLayout3ColumnWithHeaderandFooterBodyItem) size to the ContentHeight. The globe image always fits to the width available, while the label is ContentHeightFitWidth. If the label gets smaller, the text will wrap to a new line and the label will get bigger to accommodate the text, and so on up the parent chain.

Regards

Yeah my topmost panel is "Fit to Both" and the row is "proportional".

I think that's my problem.

To use Stewart's nomenclature, I have been using the "Push In" model when I should have been using the "Push Out".

I'll research the demo's and see how I can restructure things to follow the "Push Out" model.

Thanks,
Joe