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
0
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
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.