PanelBar not working in Safari

[Lasse]

When opening a PanelBar in Safari, it doesn't show correctly - the attached screendump shows how an expanded panel looks - all content should be inside the panel.

Adding more panels (with different names) add to the problem - it will completely mess up the page.

It works in IE and FireFox.

[Atanas Korchev]

Hello Mikkel,

 Our online demos look fine in Safari 5 for Windows. You can find attached a screenshot. I suspect there is some CSS conflict or invalid HTML which is causing the trouble.

Best wishes,
Atanas Korchev
the Telerik team

[Lasse]

We haven't changed any of the styles, and we are using the default style sheets, so maybe it is because we add the panel in the wrong way? Please look at the code below.

<%
    Html.Telerik().PanelBar()
     .Name("OrderNotes")
     .HtmlAttributes(new { style = "width: 270px;" })
     .Effects(fx => fx.Expand().Opacity().OpenDuration(0).CloseDuration(0))
     .Items(item =>
     {
         item.Add()
             .Text("Order notes")
             .ImageUrl("~/gfx/icons/tabicons/notes_active.png")
             .ImageHtmlAttributes(new { alt = "Order Notes" })
             .Content(() =>
             {%>

                <div class="togglebox-inner">
                    <div class="editor-label">
                        <%: Html.Label(Orderhead.Txt.Label_Note)%>
                    </div>
                    <div class="editor-field">
                        <%: Html.TextBoxFor(model => model.Orderhead.Note)%>
                        <%: Html.ValidationMessageFor(model => model.Orderhead.Note) %>
                    </div>
                    <div class="editor-label">
                        <%: Html.Label(Orderhead.Txt.Label_NoteInternal) %>
                    </div>
                    <div class="editor-field">
                        <%: Html.TextBoxFor(model => model.Orderhead.NoteInternal)%>
                        <%: Html.ValidationMessageFor(model => model.Orderhead.NoteInternal) %>
                    </div>
                </div>

             <%});
     })
     .Render();
%>

[Atanas Korchev]

Hi Mikkel,

 I couldn't reproduce the problem using your code snippet. I am sending my test project. Please let me know what is different in your project.

Regards,
Atanas Korchev
the Telerik team