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

How can I disable horizontal scrolling?

2 Answers 657 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Kjell
Top achievements
Rank 1
Kjell asked on 24 Dec 2013, 01:54 AM
I have some swipe events on my page but when I swipe on the scheduler it tries to scroll (even though there is nothing to scroll to but blank space), which is interfering with the swipe.  I've included a screenshot to illustrate the behavior.  How can I disable horizontal scrolling?  

Oddly enough it works fine in landscape mode, but in iPad portrait mode is when it breaks.  I 've been playing with a CSS solution and noticed that setting the width of .km-scroll-container will fix it but I have to make it so skinny that it no longer aligns with the column headers (days of the week).  In my case 505 pixels, at 510 it matches up perfectly but then it will do the scrolling even though.



2 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 24 Dec 2013, 12:33 PM
Hello Kjell,

Our online demos do not exhibit such a problem, i.e. there is no horizontal scrolling in either landscape or portrait mode. Please compare with your implementation and let me know if you need more information.

Desktop Scheduler mode
http://demos.kendoui.com/web/scheduler/index.html

Mobile-friendly Scheduler mode
http://demos.kendoui.com/mobile/m/index.html#/mobile/m/adaptive/scheduler.html

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Kjell
Top achievements
Rank 1
answered on 27 Dec 2013, 10:25 PM
Ok I narrowed down the cause, it was adding left-padding: 10px to .k-event. 
Tags
Scheduler
Asked by
Kjell
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Kjell
Top achievements
Rank 1
Share this question
or