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

Adding Toolbar to Kendo Grid Causes IE8 Scrollbar Flash

2 Answers 24 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Chevron Phillips Chemical Co
Top achievements
Rank 1
Chevron Phillips Chemical Co asked on 03 Apr 2014, 03:55 PM

When using the Toolbar method, IE8 flashes the browser vertical scrollbar for a brief moment after the grid is loaded the first time.  Without the Toolbar method, the scrollbar is not flashed.  Is this a browser/javascript issue, or a Kendo issue?

@(Html.Kendo().Grid<HelpController.AdministrationHelpIndexGridViewModel>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(h => h.Id)
            .Visible(false);
        columns.Bound(h => h.Name)
            .Width(400);
        columns.Bound(h => h.Description)
            .Width(400);
        columns.Bound(h => h.Id)
            .Width(500)
            .ClientTemplate(Html.ActionLink("#=LinkText#", "ClickThrough", "Help", new { Id = "#=Id#", area = "" }, new { target = "_blank" }).ToHtmlString());
        columns.Bound(h => h.DisplayOrder)
            .Width(50);
        columns.Command(command => { command.Edit(); command.Destroy(); })
            .Width(200);
    })
    .HtmlAttributes(new { style = "width: 1550px;" })
    .ToolBar(toolbar => toolbar.Template("<a class=\"k-button k-button-icontext\"><span class=\"k-icon k-i-plus\"></span>Add a help link</a>"))
    .Editable(editable => editable.Mode(GridEditMode.InLine))
    .Events(events => events.Edit("onEdit"))
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Events(events => events.Error("error_handler"))
        .Model(model => model.Id(h => h.Id))
        .Read(read => read.Action("Index_Read", "Help", new { area = "Administration" }))
        .Update(update => update.Action("Index_Update", "Help", new { area = "Administration" }))
        .Destroy(update => update.Action("Index_Destroy", "Help", new { area = "Administration" }))
        .Events(events => events.RequestEnd("onRequestEnd")))
)

2 Answers, 1 is accepted

Sort by
0
Vladimir Iliev
Telerik team
answered on 07 Apr 2014, 08:12 AM
Hi Chevron,

I tried to reproduce the problem locally but to no avail – everything is working as expected on our side. Could you please check this screencast and let us know if we miss some step in order to reproduce the issue on our side?

Regards,
Vladimir Iliev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Chevron Phillips Chemical Co
Top achievements
Rank 1
answered on 08 Apr 2014, 09:15 PM
That screencast was really cool!  Great way to show behavior.

I did notice that your browser window already had a vertical scrollbar because the content stretched past the bottom of the screen.  Mine does not, so (to clarify) when my browser's scrollbar flashes I mean a disabled/greyed scrollbar appears for a second and then the scrollbar disappears entirely as the content is not long enough.

It may actually be due to a CSS sticky footer technique I'm using.  When I took that footer out, the behavior was not evident.  Not sure how the two are competing, but I think we can close this thread.  Thank you for your time.
Tags
Grid
Asked by
Chevron Phillips Chemical Co
Top achievements
Rank 1
Answers by
Vladimir Iliev
Telerik team
Chevron Phillips Chemical Co
Top achievements
Rank 1
Share this question
or