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

Separator RadToolBarButton not rendering in RadToolBarDropDown when inside RadToolBar

4 Answers 131 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Jeff
Top achievements
Rank 1
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

Sort by
0
Jeff
Top achievements
Rank 1
answered on 13 May 2013, 06:15 PM
Anyone watching this thread?
0
Nencho
Telerik team
answered on 14 May 2013, 12:20 PM
Hello Jeff,

I had performed some tests, but I was unable to replicate the described problematic behavior. Here is a video, demonstrating the behavior at my end. Would you specify the version of our controls that you use and under which browser you had encountered the problem?

Regards,
Nencho
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Jeff
Top achievements
Rank 1
answered on 15 May 2013, 02:47 AM
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)

0
Nencho
Telerik team
answered on 20 May 2013, 07:32 AM
Hello Jeff,

I was able to replicate the problem, with the specified Skin. It seems that this rendering is a bug and I had forwarded it to our developer team for further investigation. Thank you for reporting for that problem. In addition, I had updated your Telerik Points.


Greetings,
Nencho
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
ToolBar
Asked by
Jeff
Top achievements
Rank 1
Answers by
Jeff
Top achievements
Rank 1
Nencho
Telerik team
Share this question
or