+1-888-365-2779
Try Now
More in this section

Forums / Designing & Styling / Styling the Navigation Widget

Styling the Navigation Widget

4 posts, 0 answered
  1. Prateek
    Prateek avatar
    12 posts
    Registered:
    11 Sep 2012
    03 Apr 2013
    Link to this post
    I need to style the Navigation Widget according to my design. I went through this blog which gives me a fair idea of how to go about it. But I don't understand where to create the skin file and where to place it in my project explorer. Can someone help me with that.

    Thanks
  2. Jochem Bökkers
    Jochem Bökkers avatar
    787 posts
    Registered:
    13 Aug 2007
    05 Apr 2013 in reply to Prateek
    Link to this post
    Hey Prateek,

    The styles you create for the navigation widget you generally put into the stylesheet of your theme. (http://www.sitefinity.com/documentation/documentationarticles/designer-s-guide/themes)

    But if you want, you can just create a seperate css file and link to it using the stylesheet widget.
  3. Jen Peleva
    Jen Peleva avatar
    568 posts
    Registered:
    10 Nov 2016
    08 Apr 2013
    Link to this post
    Hi Prateek,

    If you have a theme registered in Sitefinity, which includes navigation skins, you can simply enter the name of your skin in the edit panel of the navigation (same as with the embedded skins) to make it work. The only thing you need to keep in mind is the way you declare the css properties in your stylesheet - they should be placed between the brackets of a rule, similar to this one:

     .[name of control, used for this navigation type] _ [name of your custom skin] { styles }

    That's actually the way our embedded skins are created, so you can use them as a model. Take a look at the forum post for more information.

    Greetings,
    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
  4. Prateek
    Prateek avatar
    12 posts
    Registered:
    11 Sep 2012
    08 Apr 2013
    Link to this post
    Thanks a lot for the help!
4 posts, 0 answered