More in this section
Forums / Designing & Styling / CSS classes for basic vertical navigation with sub-pages

CSS classes for basic vertical navigation with sub-pages

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
2 posts, 0 answered
  1. Sara
    Sara avatar
    1 posts
    28 Mar 2013
    01 Apr 2013
    Link to this post
    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!
  2. Jen Peleva
    Jen Peleva avatar
    568 posts
    10 Nov 2016
    02 Apr 2013
    Link to this post
    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:
    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"

    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
2 posts, 0 answered