[Solved] Internet Explorer display problems

[Christian]

Hello

I am having display problems in Internet Explorer: IE8, IE9

Using a Grid inside a Splitter. The Grid doesn't display properly and the Splitter has some strange behavior aswell, it doesn't collapse to the top and appears too narrow. Works perfectly fine in Firefox and Chrome! Am I missing any styles? I'm using the default stylesheets.

Thank you for your help
Chris

@{Html.Telerik().Splitter()
    .Name("Splitter")
    .HtmlAttributes(new { style = "height: 100%;" })
    .Orientation(SplitterOrientation.Vertical)
    .Panes(vPanes =>
    {
        vPanes.Add()
            .Collapsible(true)
            .Content(() =>
            Html.Telerik().Grid<Model>()
                .Name("Grid")
                .DataKeys(keys =>
                {
                    keys.Add(t => t.Key);
                })

                .ToolBar(toolBar => toolBar.Template(
                        @<text>
                        <label class="language-label" for="language-input">
                            Sprache
                        </label>
                        @(Html.Telerik().DropDownList()
                                .Name("List")
                                .DataBinding(binding => binding.Ajax().Select("_GetList", "Controller"))
                                .HtmlAttributes(new { style = "width: 300px; vertical-align:middle;" })
                                .SelectedIndex(0)
                                .ClientEvents(events => events.OnChange("listChange").OnLoad("onComboBoxLoad"))
                        )
                        </text>
                    )
                )
                .HtmlAttributes(new { style = "height: 400px;" })
                .Columns(columns =>
                {
                    columns.Bound(t => t.A).ReadOnly();
                    columns.Bound(t => t.B);
                    columns.Bound(t => t.C);
                })
                .ClientEvents(events => events.OnRowSelected("onRowSelected").OnDataBinding("dataBinding"))
                .DataBinding(dataBinding => dataBinding.Ajax().Select("View", "Controller"))
                .Pageable()
                .Scrollable(s => s.Height(450))
                .Sortable()
                .Selectable()
                .Render()
            );

        vPanes.Add()
            .LoadContentFrom("View", "Controller");
    }).Render();
    }

[Dimo]

Hi Christian,

I am not able to reproduce the described issue by using your code snippet. However, I notice that you have set two heights for the Grid, which is not correct. Please set only the one inside the Scrollable() setting.

If you provide a full standalone runnable demo with dummy datasource, I will take a look.

Kind regards,
Dimo
the Telerik team

[Christian]

Hi Dino

Thank you for your reply!

I created a standalone project and the problems didn't come up anymore. I guess my project was corrupt.

Thank you
Christian