CSS classes for basic vertical navigation with sub-pages

Posted by Community Admin on 05-Aug-2018 20:38

CSS classes for basic vertical navigation with sub-pages

All Replies

Posted by Community Admin on 01-Apr-2013 00:00

I am having such a difficult time trying to figure out how to style my basic vertical navigation with drop-down sub-pages. 
I cannot find a simple tutorial or explanation for what CSS classes I need to target in order to change the style of my navigation.
All I can find so far is that I need to create a main.css file which I use to create a customized skin, but I can't get a straightforward answer about what to target for this specific look.

Image of what I want my nav to look like is attached- any help would be much appreciated from this newcomer!

Posted by Community Admin on 02-Apr-2013 00:00

Hello Sara,

Out navigation is based on several radControls. The particular mode you're talking about uses RadTreeView, thus some specific RadTreeView classes are set to it. The RadControl documentation contains reference for each of these classes, and should help you style your navigation. Please take a look at the article:

http://www.telerik.com/help/aspnet-ajax/treeview-appearance-css-selectors.html
 
Another way to achieve the desired navigation would be to create a simple user control (ascx file) and it it use RadPanelbar. This is navigation control again and bound to SitefinitySitemapDataSource it will have similar structure to what you're looking for. Here's a sample navigation with RadPanelBar:

<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="false" />
<telerik:RadPanelBar ID="RadPanelBar1" runat="server"
   DataSourceID="SiteMapDataSource1">
</telerik:RadPanelBar>

http://www.telerik.com/help/wpf/radpanelbar-overview.html

http://demos.telerik.com/aspnet-ajax/panelbar/examples/overview/defaultcs.aspx

All the best,
Jen Peleva
the Telerik team
Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

This thread is closed