Grid widths auto adjusting

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

    Posted 18 May 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
    Admin
    Stefan avatar
    918 posts

    Posted 22 May 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):

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