RADMenu - Separator

4 posts, 0 answers
  1. Keith
    Keith avatar
    15 posts
    Member since:
    Sep 2011

    Posted 28 Sep 2011 Link to this post

    I'm needing a Separator to show up on a verticle menu, but I'm struggling to figure out how to do it when the menu's source is a standard SiteMap file at the root of the web application.

    What I want is something like:


    What do I need to put in the siteMapNode element to make this work?  I've tried using attribute IsSeparator="true", but that did not seem to help.  I have also tried a series of values for the attribute "title".

    Best Wishes,
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 29 Sep 2011 Link to this post

    Hello Keith,

    Try the following markup and CSS to show a seperator on a vertical menu which worked as expected on my end.
    <telerik:RadMenu ID="RadMenu1" runat="server" Flow="Vertical">
          <telerik:RadMenuItem Text="First">
          <telerik:RadMenuItem Text="Second">
          <telerik:RadMenuItem CssClass="MenuItem" IsSeparator="true">
    <style type="text/css">
      background-color: ActiveBorder !important;

  3. Keith
    Keith avatar
    15 posts
    Member since:
    Sep 2011

    Posted 29 Sep 2011 Link to this post

    I see that you are doing it within the declaration of the control.  I'm trying to populate it from the SiteMap however.

  4. Kate
    Kate avatar
    1898 posts

    Posted 03 Oct 2011 Link to this post

    Hi Keith,

    Please take a look at how it could be achieved using a SiteMap and a RadMenu control in the following demo

    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