Scrolling issue in IE11

4 posts, 0 answers
  1. Louis
    Louis  avatar
    14 posts
    Member since:
    Mar 2011

    Posted 22 Aug 2014 Link to this post

    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>
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 26 Aug 2014 Link to this post

    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.

     
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Louis
    Louis  avatar
    14 posts
    Member since:
    Mar 2011

    Posted 28 Aug 2014 in reply to Kiril Nikolov Link to this post

    It appears to be an issue with the default boostrap.css. When I remove it, the scrolling works just fine. 
  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 29 Aug 2014 Link to this post

    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.

     
Back to Top
UI for ASP.NET MVC is VS 2017 Ready