Change when the view bar in the scheduler header collapses?

3 posts, 1 answers
  1. Tyler
    Tyler avatar
    11 posts
    Member since:
    Apr 2017

    Posted 05 Apr 2017 Link to this post

    I have quite a bit of views available for the user to switch between, making this view bar quite long, and it will create a second line in the header before collapsing. I want it to collapse at screen width 1635px so it can stay neatly on one line. However, I cannot find anywhere on how you adjust when the view bar collapses.
  2. Answer
    Ianko
    Admin
    Ianko avatar
    1940 posts

    Posted 07 Apr 2017 Link to this post

    Hello Tyler,

    There is already such decoration, but it is applied for viewport under 1024px. To modify this for 1635px, you can copy the styles with the CSS media query and change the max-width setting to the needed width. 

    Here you are an example for that: http://dojo.telerik.com/AXaCeR.

    Regards,
    Ianko
    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.
  3. Tyler
    Tyler avatar
    11 posts
    Member since:
    Apr 2017

    Posted 07 Apr 2017 in reply to Ianko Link to this post

    Thanks! That CSS did the trick. My issue was it wasn't very clear what css was effecting the collapse or where to find it, or if it was just being handled through javascript in the kendo.all.js file because nothing about the view bar changed in the element inspector when it collapsed and expanded.

    But yeah, the css you provided did exactly what I needed the view bar to do.

Back to Top