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

Scheduler Horizontal Scroll in IE11

1 Answer 61 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Stewart
Top achievements
Rank 1
Stewart asked on 02 Jun 2017, 03:13 PM

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.

1 Answer, 1 is accepted

Sort by
0
Stewart
Top achievements
Rank 1
answered on 02 Jun 2017, 06:12 PM

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

 

Stewart.

Tags
Scheduler
Asked by
Stewart
Top achievements
Rank 1
Answers by
Stewart
Top achievements
Rank 1
Share this question
or