Styling the Navigation Widget

Posted by Community Admin on 05-Aug-2018 23:33

Styling the Navigation Widget

All Replies

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

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

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

Hey Prateek,

The styles you create for the navigation widget you generally put into the stylesheet of your theme. (www.sitefinity.com/.../themes)

But if you want, you can just create a seperate css file and link to it using the stylesheet widget.

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

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

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

Thanks a lot for the help!

This thread is closed