Grid widths auto adjusting

2 posts, 0 answers
  1. Gregory
    Gregory avatar
    30 posts
    Member since:
    Feb 2014

    Posted 18 May 2017 Link to this post

    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!
  2. Stefan
    Stefan avatar
    3008 posts

    Posted 22 May 2017 Link to this post

    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):

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

    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.
Back to Top