Official Content

Suppose that you have the following design for a web page in a Responsive Web Applications, where the left component should take the full height of the page:

i2016_03_22_14_08_381_png

In this example, a Work With object is displaying the filter panel on the left-hand side of the screen and the idea for it is to take the full height of the page as the picture shows:

i2016_03_22_19_12_014_png

This Responsive Table that contains the filter (&CountryName) is associated with the AdvancedContainer class.

The solution is to use Viewport units. So, assign the value 100vh to the height property of the AdvancedContainer class, which implies taking the full height of the page.

i2016_03_22_19_00_342_png

Configuring the height to be 100% of the container does not cause the intended effect. It would look as follows:

i2016_03_22_19_02_463_png


Last update: February 2024 | © GeneXus. All rights reserved. GeneXus Powered by Globant