Separator RadToolBarButton not rendering in RadToolBarDropDown when inside RadToolBar

5 posts, 0 answers
  1. Jeff
    Jeff avatar
    10 posts
    Member since:
    Sep 2010

    Posted 09 May 2013 Link to this post

    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>
  2. Jeff
    Jeff avatar
    10 posts
    Member since:
    Sep 2010

    Posted 13 May 2013 Link to this post

    Anyone watching this thread?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 14 May 2013 Link to this post

    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.
  5. Jeff
    Jeff avatar
    10 posts
    Member since:
    Sep 2010

    Posted 14 May 2013 Link to this post

    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)

  6. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 20 May 2013 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017