Styling the Navigation Widget - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

Styling the Navigation Widget

  • Styling the Navigation Widget
  • 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.

  • Hey Prateek,

    The styles you create for the navigation widget you generally put into the stylesheet of your theme. (

    But if you want, you can just create a seperate css file and link to it using the stylesheet widget.
  • 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.

    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
  • Thanks a lot for the help!