Automatic Vertical Height for NG Grid?

Forum to discuss the new web client version of Servoy.

Automatic Vertical Height for NG Grid?

Postby john1598360627 » Sat May 14, 2022 3:17 am

Is there a way of making the Vertical Height for an NG Grid automatic?

I found this blurb in the wiki,

https://github.com/Servoy/aggridcomponents/wiki/Data-Grid#grid-height-in-responsive-form
Grid Height in Responsive Form

It can be used both in responsive forms and absolute forms. If used in responsive mode, its 'responsiveHeight' property must be set in Properties View (which is the fixed height it will occupy).

Adding a table in a flex-content layout and setting the table responsiveHeight property to 0, let the table grow up to 100% height of parent element (see more on flex-layout here). Used with other containers than flex-content layout in order to grow the table to 100% height, the parent element must have a known height.


However, whenever I put the responsiveHeight of an NG Grid to 0, the grid just disappears, it doesn't automatically resize.


Looking back at that description though, it links to here,


https://github.com/Servoy/12grid/wiki/Flexbox-Layout
Flexbox Layout and Table Components

When a Servoy Table Component from the Bootstrap components package or from the Servoy Extra package or from the Servoy NG Grids package is placed within the content section of the flexbox layout as direct child, the table height will use 100% of the available height if the responsiveHeight property is set to 0.

NOTE for the Table component from the Servoy Extra package the property responsiveDynamicHeight, should be set to false if you wish to use all the available height of the content section; if the responsiveDynamicHeight is set to true the Table will have a max-height equal to the design responsiveHeight property of the Table; the max-height may be smaller than the available height resulting in unused space.

If instead you prefer to use the design height of the Table component, wrap the Table component within a different 12Grid container. However letting the table use a different height than the available height in the content section may result in bad UX for the User since may result in double vertical scrollbars.


So, this responsiveHeight aspect is related to this Table Component.... wait is this talking about the table element or the ng grid?

Is there any way of turning on this 'responsiveDynamicHeight' for the NG Grid, or is it only for the Table elements?
john1598360627
 
Posts: 169
Joined: Tue Aug 25, 2020 3:03 pm

Re: Automatic Vertical Height for NG Grid?

Postby mboegem » Sat May 14, 2022 3:41 pm

Hi John,

AFAIK the only grid that supports responsive height is the Servoy Extra Table.

Hope this helps narrowing your possibilities
Marc Boegem
Solutiative / JBS Group, Partner
• Servoy Certified Developer
• Servoy Valued Professional
• Freelance Developer

Image

Partner of Tower - The most powerful Git client for Mac and Windows
User avatar
mboegem
 
Posts: 1743
Joined: Sun Oct 14, 2007 1:34 pm
Location: Amsterdam


Return to Servoy NGClient

Who is online

Users browsing this forum: No registered users and 10 guests