Horizontal Line Separator in RadSiteMapNode

[Daniel Lisowski]

I have a RadMenu which uses different types of drop-down menus. In this example the "Lists & Libraries" menu is a dynamic menu pulling from the SiteMapDataSource. As you can see it lists the titles and sub-content from the site. However, when using a Site Map control for the "Tools & Resources" the title of each group has a horizontal line separating it from the content of that group. I want these different types of menu to look exactly the same.  How do I accomplish this? What would be optimal is to include this horizontal line in every menu title, but if this is not possible I would settle for removing the horizontal line from every menu title. Any ideas?





thanks
Alex Dove

[Daniel Lisowski]

I have tried adding the <telerik:RadMenuItem IsSeparator="true" ...> attribute, however, it does not give me what I need. It actually breaks the menu control. Any other ideas?

Thanks
Alex Dove

[Kalina]

Hi Alex,

Please take a look at the "Menu / Mega Drop-Down" online demo.
I suppose that the appearance you want to achieve is similar (or the same) to the appearance of the "Products" RadMenuItem, and you will be able to use the approach demonstrated in this sample in your application.

Best wishes,
Kalina
the Telerik team

[Parag]

How do you place horizontal separators between nodes?

[Kate]

Hello Parag,

With the RadSiteMap control you can use the level settings in order to add a separator:

<telerik:SiteMapLevelSetting Layout="Flow" SeparatorText="┊" MaximumNodes="3" />

 Here you can refer to the demo for a runnable example. 

Regards,
Kate
the Telerik team