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

Forums / Developing with Sitefinity / CategoriesTree Style

CategoriesTree Style

8 posts, 0 answered
  1. Pamela Thalacker
    Pamela Thalacker avatar
    14 posts
    Registered:
    25 Feb 2010
    22 Mar 2010
    Link to this post
    We are using a CategoriesTree for one of our web pages.  It appears that it is using the RADTreeView default skin, in addition the styles we have applied.  How can we turn that off?  I don't see anything in CategoriesTree properties when I edit the Sitefinity page.

    Pamela
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    16 Jun 2017
    23 Mar 2010
    Link to this post
    Hello Pamela Thalacker,

    The control uses embedded skin CategoriesTree.ascx that can be mapped.After you have mapped the template you can set a custom skin to the RadTreeView control. You could additionally observer the css classes that applies over the RadTreeView and your page.

    Regards,
    Ivan Dimitrov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. Pamela Thalacker
    Pamela Thalacker avatar
    14 posts
    Registered:
    25 Feb 2010
    23 Mar 2010
    Link to this post
    Ivan,

    We have done as you suggested, but there is default behavior that I believe is javascript-based and I am not sure how to override that behavior in the mapped external control.  The category item gets a gray gradient background when it is hovered over and a dark gray solid background when it is selected.  (See attached.) These values are not in the css. 

    The documentation on the RADTreeView shows a number of built-in skins for the control.  I tried changing the skin to Windows 7 in the control properties through the Sitefinity Admin Control Panel, but that didn't seem to have any effect. I tried setting it in external mapped CategoriesTree.ascx and received an error that the RADTreeView was unable to find an embedded skin the the name "Windows 7"

    Can you help me get unstuck here?

  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    16 Jun 2017
    23 Mar 2010
    Link to this post
    Hi Pamela Thalacker,

    The skin should be set in CategoriesTree.ascx template as you tried.

    Which version of Sitefinity you use? It seems that the Telerik.Web.UI that you have in the bin folder is an old version that does not have Windows7 skin.
    Also, the skin name does not have white space in the name as you have pasted it name "Windows 7"

    The following declaration works fine at my end using Sitefinity 3.7 SP3.

    <%@ Control Language="C#" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
     
    <h3>
        <asp:Literal ID="controlTitle" runat="server"></asp:Literal>
    </h3>
     
    <telerik:RadTreeView ID="categoriesTreeView" runat="server" Skin="Windows7">
    </telerik:RadTreeView>


    Sincerely yours,
    Ivan Dimitrov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  5. Pamela Thalacker
    Pamela Thalacker avatar
    14 posts
    Registered:
    25 Feb 2010
    23 Mar 2010
    Link to this post
    Super!  The Outlook skin works.  We are currently using Sitefinity 3.7.  Can you tell me which other embedded skins are not available?

    Also, the tutorial for creating a custom skin for this control assume that the necessary components are living in Program Files\telerik\<version>\skins\default, but all these files are compiled into the dll now.  If I want to create a custom skin where do I find the pieces I need.

    And last, if I want to create styles for the selectors listed here, where should I put the CSS file and how do I wire the control up to it?

    Thank you
  6. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    16 Jun 2017
    23 Mar 2010
    Link to this post
    Hello Pamela Thalacker,

    Here are the skins that you could use Black, Defaul,Forest,Hay, Office2007, Outlook, Simple, Sunset, Telerilk, Vista, Web20, WebBlue. You could reflect the Telerik.Web.UI to see if there are any other skins available.

    It is not necessary to have these files. They are sample skins. You have to download the relevant version of RadControl for ASP.NET AJAX to get the sample skins. We do not distribute them with Sitefinity. You could create a new skin from scratch without problems.

    Once you have a custom skin you need to set EnableEmbeddedSkins to false. The skin should be created in one of your themes that you will use with the page on which CategoriesTree control will be dropped. The following article explains how to create a custom skin - utorial: Creating a Custom Skin

    All the best,
    Ivan Dimitrov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  7. Pamela Thalacker
    Pamela Thalacker avatar
    14 posts
    Registered:
    25 Feb 2010
    24 Mar 2010
    Link to this post
    Do I need to download a particular version of the RADTreeview to be compatible with Sitefinity 3.7?
    Can I have more than one version installed on my computer at the same time?
  8. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    16 Jun 2017
    24 Mar 2010
    Link to this post
    Hello Pamela Thalacker,

    The project yo have Telerik.Web.UI.dll in the bin folder from where RadTreeView control is referenced. You may have more than one version of Sitefinity and RadControls for ASP.NET AJAX installed on the same machine.

    Greetings,
    Ivan Dimitrov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Register for webinar
8 posts, 0 answered