This is a migrated thread and some comments may be shown as answers.

Change when the view bar in the scheduler header collapses?

2 Answers 32 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Tyler
Top achievements
Rank 1
Tyler asked on 05 Apr 2017, 02:00 PM
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 Answers, 1 is accepted

Sort by
0
Accepted
Ianko
Telerik team
answered on 07 Apr 2017, 06:59 AM

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.
0
Tyler
Top achievements
Rank 1
answered on 07 Apr 2017, 04:09 PM

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.

Tags
Scheduler
Asked by
Tyler
Top achievements
Rank 1
Answers by
Ianko
Telerik team
Tyler
Top achievements
Rank 1
Share this question
or