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

PanelBar not working in Safari

3 Answers 14 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Lasse
Top achievements
Rank 1
Lasse asked on 12 Jan 2011, 12:39 PM
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.

3 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 12 Jan 2011, 01:01 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Lasse
Top achievements
Rank 1
answered on 14 Jan 2011, 01:28 PM
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(); 
%>
0
Atanas Korchev
Telerik team
answered on 14 Jan 2011, 04:11 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
General Discussions
Asked by
Lasse
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
Lasse
Top achievements
Rank 1
Share this question
or