Page 1 of 1

Make short webpages using MasterFrame extend the whole height of the screen

Posted: Mon Feb 21, 2022 2:56 am
by leontet
Hi, ALL!

Some of the pages of my WWB website are shorter than the height of the screen. I know there are ways to make a webpage fill the entire height of the screen, but I cannot figure the way to do it in WWB in these particular circumstances. I already tried adding an extra CSS file with the corresponding instructions to no avail. My site uses a MasterFrame, so all the contents pages are built using floating layout grids (hence the problem, I suppose).

The site (in its present form) is available online HERE.

Please help me solve this issue! Any input would be greatly appreciated! Thank you in advance!

Regards,
Teo

Re: Make short webpages using MasterFrame extend the whole height of the screen

Posted: Mon Feb 21, 2022 7:16 am
by Pablo
You can make layout grids full screen by setting the column height to 100vh.

Re: Make short webpages using MasterFrame extend the whole height of the screen

Posted: Mon Feb 21, 2022 10:23 am
by leontet
Hi, Pablo!

Thank you for your quick reply!

I know the sum of the succeeding layout grids can be made to have min-height of 100vh, but it is practically impossible to set the height of each layout grid to the exact needed percentage of the viewport height to preserve the look of the page and also prevent the vertical scrollbar to appear (ie to set their sum to be precisely 100vh). Would it be a useful idea for you to make it possible to manually type the vh percentage in the dropdown list that sets the height of layout grids (I mean, to be possible to type "5vh", besides the preset values in the list)?

Re: Make short webpages using MasterFrame extend the whole height of the screen

Posted: Mon Feb 21, 2022 12:09 pm
by Pablo
I'm sorry, this will cannot be easily implemented.

The idea was for you to use one layout grid and center the content vertically.

Re: Make short webpages using MasterFrame extend the whole height of the screen

Posted: Mon Feb 21, 2022 1:26 pm
by leontet
Hi again, Pablo!

Sorry to hear the manually set vh-dependable height is difficult to make, thank you for evaluating the proposal though!

Concerning the unique layout grid with a height of 100vh, I have already tried that, but unfortunately the contents placeholder in the MasterFrame can't be placed inside a layout grid. If that would have been possible, everything would have been extremely simple.

Thank you again for your patience and support!