Scheduler Horizontal Scroll in IE11

2 posts, 0 answers
  1. Stewart
    Stewart avatar
    2 posts
    Member since:
    Jun 2017

    Posted 02 Jun 2017 Link to this post

    Hi, I'm experimenting with the Timeline view of the scheduler control and having issues getting the horizontal scrollbar to display on IE11.  The horizontal scroll displays fine in chrome so I was wondering if this is a known issue, or just something that I have not set.

    I'm using angular js and have declared my scheduler like so: 

    <div kendo-scheduler="myScheduler" k-options="vm.SchedOptions" kendo-droptarget>
        <div k-event-template>
           <label>{{dataItem.title}}</label>
         </div>
    </div>

     

    'vm.SchedOptions' is defined in the typescript, shown below:

    private SetupScheduler() {
     
                var observableDataSource = new kendo.data.SchedulerDataSource({
                    data: this.observableData,
                    schema: {
                        model: {
                            id: "taskId",
                            fields: {
                                taskId: { from: "id", type: "number" },
                                title: { from: "title", defaultValue: "No title", validation: { required: true } },
                                start: { type: "date", from: "start" },
                                end: { type: "date", from: "end" },
                                isAllDay: { type: "boolean", from: "isAllDay" }
                            }
                        }
                    }
                });
     
                var startTime = moment().toDate();
                startTime.setHours(4);
                startTime.setMinutes(0);
                startTime.setSeconds(0);
     
                var endTime = moment().toDate();
                endTime.setHours(18);
                endTime.setMinutes(0);
                endTime.setSeconds(0);
     
                var viewSettings: kendo.ui.SchedulerView = {
                    type: 'timeline',
                    eventHeight: 85,
                    startTime: startTime,
                    endTime: endTime,
                    showWorkHours: false               
                }
     
                this.SchedOptions = {
                    date: this.SelectedStartDate,
                    startTime: this.SelectedStartDate,
                    majorTick: 60,
                    views: [
                        viewSettings
                    ],
                    dataSource: observableDataSource,
                    group: {
                        resources: ["Users"],
                        orientation: "vertical"
                    },
                    resources: [
                        {
                            field: "users",
                            name: "Users",
                            dataSource: [],
                            multiple: true,
                            title: "Users"
                        }
                    ]};
            }
     

     

    Are there any properties that I can set to force the horizontal scrollbar to show in IE11?

     

    Thanks.

     

    Stewart.

  2. Stewart
    Stewart avatar
    2 posts
    Member since:
    Jun 2017

    Posted 02 Jun 2017 in reply to Stewart Link to this post

    Solved it, had another style interfering with layout.. Delete this thread if you like.

     

    Stewart.

Back to Top