I am trying to break out one of my EditorFor templates to use a TabStrip with 2011.3.1115. Here are the results:
BadLocation.png shows how it renders in IE9 and FF 8.01.
GoodLocation.png shows how it renders in IE9 in compatibility mode.
The code looks like this:
@using Telerik.Web.Mvc.UI
@model LocationViewModel
@{Html.Telerik().TabStrip()
.Name("LocationTabStrip")
.Items(tabstrip =>
{
tabstrip.Add()
.Text("General")
.Content(@<text>
// Code exactly like that in Owner, but with different fields
</text>);
tabstrip.Add()
.Text("Owner")
.Content(@<text>
<div class="editor-label">@Html.LabelFor(l => l.OwnerName)</div>
<div class="editor-field">@Html.EditorFor(l => l.OwnerName) @Html.ValidationMessageFor(l => l.OwnerName)</div>
<div class="editor-label">@Html.LabelFor(l => l.OwnerPhone)</div>
<div class="editor-field">@Html.EditorFor(l => l.OwnerPhone) @Html.ValidationMessageFor(l => l.OwnerPhone)</div>
<div class="editor-label">@Html.LabelFor(l => l.OwnerId)</div>
<div class="editor-field">@Html.EditorFor(l => l.OwnerId) @Html.ValidationMessageFor(l => l.OwnerId)</div>
</text>);
tabstrip.Add()
.Text("Address")
.Content(@<text>
// Code exactly like that in Owner, but with different fields
</text>);
})
.SelectedIndex(0)
.Render();
}
Any thoughts on what can be done to fix the display?
Thanks.