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!

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