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

[Solved] Separator RadToolBarButton not rendering in RadToolBarDropDown when inside RadToolBar

4 Answers 206 Views

ToolBar

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

Jeff asked on 09 May 2013, 03:30 PM

Per the documentation a RadToolBarButton with IsSeparator="true" does not render in a RadToolBar.

http://www.telerik.com/help/aspnet-ajax/toolbar-appearance-separators.html

However, we have a RadToolBarDropDown that is inside a RadToolBar. The separator buttons that are inside the nested RadToolBarDropDown also do not render...

What is the suggested workaround?

<telerik:RadToolBar ID="RadToolBar1" runat="server">

<Items>

<telerik:RadToolBarButton Text="Button A" />

<telerik:RadToolBarButton Text="Button B" />

<telerik:RadToolBarDropDown Text="DropDown">

<Buttons>

<telerik:RadToolBarButton Text="Button C"></telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Button D"></telerik:RadToolBarButton>

</Buttons>

</telerik:RadToolBarDropDown>

</Items>

</telerik:RadToolBar>

4 Answers, 1 is accepted

answered on 15 May 2013, 02:47 AM

SkinOffice2007-IE10.PNG

SkinWeb20-IE10.PNG

Hi Nencho,

Telerik v. 2013.1.220.40,
Chrome Version 26.0.1410.64 m,
Internet Explorer Version 10.0.9200.16540

Thanks for your help... The problem is the Web20 skin... If I don't use that skin the separator appears. Please try with the skin in the web.config. I'm demonstrating the error in a master page if that matters.

<appSettings>

<add key="Telerik.Skin" value="Web20" />

<add key="Telerik.ScriptManager.TelerikCdn" value="Disabled" />

<add key="Telerik.StyleSheetManager.TelerikCdn" value="Disabled" />

<add key="Telerik.Web.UI.StyleSheetFolders" value="~/Styles/" />

</appSettings>

I'm using these directives on the master page

<!DOCTYPE html>

<html>

Also there appears to be some other problems with IE10.. (see attached pictures)