Height of panels in a Responsive Grid - Nested Layout

Ewanm

Hi There,

I have three panels stacked one on top of the other and I am trying to control each panels height. I see that I can enter the absolute height for each panel in pixels but is there any way to give each panel 1/3rd of the screens height. I have tried leaving the height blank and the height seems to be controlled by the number of objects in each query.

Thanks

BLOMASKY

did you try putting a FIXED height in your queries? below the # of records to display is a height box. what happens if you enter the same, fixed size in all 3 queries?

Bruce

Ewanm

Hi Bruce,

Thanks for the reply.

I have tried what you suggested but when I do that, I get the three panels with the height entered in the query so if the screen size is larger, I have blank space below the third panel. I want the three panels to take up the complete screen height with 1/3rd each.

Ewan

pureist

I think the answer is, 'no', unless some JS can somehow be executed to adjust the proportional fixed height of each panel according to the screen/containing panel height, a. when the VP loaded, and b. when the browser window is resized.

It seems a mystery as to why you can ratio scale width-wise horizontally (ie. express width of a panel as fraction of 12, etc.) in a nested responsive layout, but not vertically. ESPECIALLY when an Application Development Platform is intended for designing single page applications in whch the webpage itself does not scroll.

Aware isn't the only ADP that seems to lack this out of the box control. Most don't have it.

You can always scale width proportionally horizontally via a ratio or percentage, but almost never height vertically.

Ewanm

Thanks for the prompt reply,

Seems odd as you say.

Just need to work something else out.

Thanks

PointsWell

This is something that I really really want (alternatively I'd like to be able to anchor a grid to the bottom of the page).

I was told that it is the Bootstrap framework that does this, in the same way that it collapses down white space.