Page 1 of 1

creating a fixed size window to control height of Grid

Posted: Fri Jan 03, 2014 2:23 pm
by Andy Parker

Is there a way to fix the height of a grid (that has its rows supplied by a rest service) so that it only can grow to a certain height and then will show a scroll bar if there are more rows than can be displayed.

The reason I ask this is because I have a set of buttons fixed in position at the bottom of the screen and I dont want the grid to show any data behind those buttons (which it currently does).

many thanks

Andy


creating a fixed size window to control height of Grid

Posted: Fri Jan 03, 2014 2:51 pm
by Oleg Danchenkov

Hi Andy.
Try to wrap Grid to a div with fixed height and style property
overflow-y: auto;


creating a fixed size window to control height of Grid

Posted: Fri Jan 03, 2014 2:53 pm
by Andy Parker

thanks Oleg,

This is not something I've done before, can you give me an idea of how this is done please?


creating a fixed size window to control height of Grid

Posted: Fri Jan 03, 2014 3:43 pm
by Kateryna Grynko

Hi Andy,

Try placing Grid in HTML panel component and setting height and overflow-y: auto; for a Grid component, using CSS.


creating a fixed size window to control height of Grid

Posted: Fri Jan 03, 2014 4:13 pm
by Andy Parker

Bingo! many thanks :-)