This is a migrated thread and some comments may be shown as answers.

Grid widths auto adjusting

1 Answer 12 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Gregory
Top achievements
Rank 1
Gregory asked on 18 May 2017, 07:09 PM
Anyone know how I can get my grid to auto expand it's width when the browser width changes? I have two grids left and right of each other. I would like the left grid to auto size it's width and the right grid to be 400px. I can't seem to do this. I tried setting the right grid to float:right and it's always wrapping down to the bottom. The ultimate goal is to have the right grid disappear if the browser width is less than 768px. For that I was going to use the responsive web control, but first I think I need the left grid to auto size properly. Then if the right grid disappears the left grid will fill the remaining space. Any ideas would be greatly appreciated!

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 22 May 2017, 12:26 PM
Hello Gregory,

Currently, a similar result can be achieved only using a custom CSS and code on the window resize event.

I made an example which is just demonstrating the general idea how this can be achieved(for better results test in the non-fullscreen mode of the Dojo):

http://dojo.telerik.com/OPocAD

If additional assistance is needed with the implementation, I can recommend our Professional Services team which is specialised in providing custom solutions and features:

https://www.progress.com/services/outsourcing/feature-customization

Regards,
Stefan
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Gregory
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or