More in this section

Forums / Developing with Sitefinity / Difficulty in applying stylesheet to Site map

Difficulty in applying stylesheet to Site map

3 posts, 1 answered
  1. Sharad Sinha
    Sharad Sinha avatar
    9 posts
    Registered:
    29 Jul 2009
    09 Sep 2009
    Link to this post
    Hi,

    I am new to Sitefinity and have been watching much of your videos/ webinars etc on sitefinity and sitefinity watch sites.
    I had a requirement to create a Site map control to display all the pages in the site.
    Found the sitemap control shared by Gabe on his earlier site link:
    http://goondocks.com/blog/08-04-04/Creating_a_Site_Map_UserControl_in_Sitefinity.aspx

    The control is running fine as expected :-).

    The issue is that I'm not able to achieve much by making changes in the following css shared by Gabe

    /* ------------------------------------------------------------------------------------- */
    /* Site Map */
    /* ------------------------------------------------------------------------------------- */

    .gs_SiteMap ul li
    {
        padding: 0px;
        margin: 0px;
    }


    ISSUE:
    I've been playing around with the css (pasted below), but NOT ABLE TO CHANGE THE DEFAULT BEHAVIOUR of the control like the background colour of the text on mouse over etc. (Not even from changing properties in the code behind file.

    Please suggest.


    Sample css

    .gs_SiteMap
    {
    background-color:Aqua;
    width:500px;
    }

    .gs_SiteMap ul li
    {
    padding: 0px;
    margin: 0px;
    background-color:Blue;
    font-weight:bold;
    font-size:larger;
    }

    a:link { color: Fuchsia }
    a:visited { color: Orange }
    a:hover { color: Yellow }
    a:active { color: White }

     

    Thanks in advance
    Sharad

  2. Joe
    Joe avatar
    138 posts
    Registered:
    24 Sep 2012
    09 Sep 2009
    Link to this post
    Hello Sharad Sinha,

    Thanks for contacting us.

    The skins for the Telerik RadControls are embedded resources inside of an assembly, so you need to tell the RadTreeView, which you are using for the SiteMap, to use your own, custom skin. If you're using the SiteTreeView control, which is already bound to the SiteMap, the file is located in ~/Sitefinity/UserControls/Navigation35/SiteTreeView.ascx. To custom skin the control, you must set embedded skins to false and follow these instructions.

    Feel free to contact us if you have any other questions.

    Kind regards,
    Joe
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
    Answered
  3. Sharad Sinha
    Sharad Sinha avatar
    9 posts
    Registered:
    29 Jul 2009
    11 Sep 2009
    Link to this post
    Hi Joe,

    Thanks for the link. I was successfully able to create a skin for the control after referring to the link.
    Appreciate the quick response.

    Thanks again,
    Sharad
Register for webinar
3 posts, 1 answered