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

Scrolling issue in IE11

3 Answers 70 Views
Gantt
This is a migrated thread and some comments may be shown as answers.
Louis
Top achievements
Rank 1
Louis asked on 22 Aug 2014, 08:38 PM
I have a very simple demo of the Gantt in MVC and scroll isn't working correctly. Only the data scrolls, not the header. Attached are photos.

Here is my source code (very basic):

<div class="row">
@(Html.Kendo().Gantt<Gantt.Models.TaskViewModel, Gantt.Models.DependencyViewModel>()
    .Name("gantt")
    .Columns(columns =>
    {
        //columns.Bound(c => c.TaskID).Title("ID").Width(50);
        columns.Bound("title").Editable(false).Sortable(true);
        columns.Bound("start").Title("Start Time").Format("{0:MM/dd/yyyy}").Width(100).Editable(false).Sortable(true);
        columns.Bound("end").Title("End Time").Format("{0:MM/dd/yyyy}").Width(100).Editable(false).Sortable(true);
    })
    .Views(views =>
    {
        views.DayView();
        views.WeekView(weekView => weekView.Selected(true));
        views.MonthView();
    })
    .Height(800)
    .ShowWorkHours(false)
    .ShowWorkDays(false)
    .Snap(true)
    .Editable(false)
    .Selectable(true)
    .DataSource(d => d
        .Model(m =>
        {
            m.Id(f => f.TaskID);
            m.ParentId(f => f.ParentID);
            m.OrderId(f => f.OrderId);
            m.Field(f => f.Expanded).DefaultValue(true);
        })
        .Read("ReadTasks", "Home")
        //.Create("CreateTask", "Gantt")
        //.Destroy("DestroyTask", "Gantt")
        //.Update("UpdateTask", "Gantt")
    )
    .DependenciesDataSource(d => d
        .Model(m =>
        {
            m.Id(f => f.DependencyID);
            m.PredecessorId(f => f.PredecessorID);
            m.SuccessorId(f => f.SuccessorID);
            m.Type(f => f.Type);
        })
        .Read("ReadDependencies", "Home")
        //.Create("CreateDependency", "Gantt")
        //.Destroy("DestroyDependency", "Gantt")
        //.Update("UpdateDependency", "Gantt")
    )
)</div>

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 26 Aug 2014, 12:29 PM
Hello Louis,

I have tried to reproduce the issue in the following Kendo UI Dojo and tested it in IE11, but the scrolling worked as expected. Please check it out and let me know if I missed something:

http://runner.telerik.io/fullscreen/Irehe

Regards,
Kiril Nikolov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Louis
Top achievements
Rank 1
answered on 28 Aug 2014, 03:54 PM
It appears to be an issue with the default boostrap.css. When I remove it, the scrolling works just fine. 
0
Kiril Nikolov
Telerik team
answered on 29 Aug 2014, 10:40 AM
Hi Louis,

Here is a snippet with the Gantt chart and the Bootstrap theme that seems to be working correctly:

http://dojo.telerik.com/Irehe/2

Can you please edit the example in order to show the issue that you are facing?

Regards,
Kiril Nikolov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Gantt
Asked by
Louis
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Louis
Top achievements
Rank 1
Share this question
or