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

Scrolling issue in IE11

3 Answers 123 Views

Gantt

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

Louis asked on 22 Aug 2014, 08:38 PM

8-22-2014-1-36-55-pm.jpg

8-22-2014-1-37-10-pm.jpg

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>

Scrolling issue in IE11

3 Answers, 1 is accepted