[Solved] TabStrip in EditorFor

[Dan Miser]

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.

[Dan Miser]

This is fixed in 2012.1.214