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

Forums / Designing with Sitefinity / Change SiteTabStrip Appearance

Change SiteTabStrip Appearance

7 posts, 0 answered
  1. Doug Odegaard
    Doug Odegaard avatar
    6 posts
    Registered:
    27 Oct 2004
    14 Nov 2008
    Link to this post
    Can anyone steer me toward how to change the SiteTabStrip appearance from the grey gradient to something else.  I need to get a blue gradient in there but cannot figure out where to do it.  I have hunted in the css and skins but have not found the exact location.  The properties of the control point to the RadControls folder but that does not exist on our 3.5 install.

    Thanks in advance.
    Doug
  2. Pepi
    Pepi avatar
    981 posts
    Registered:
    28 Oct 2016
    14 Nov 2008
    Link to this post
    Hi Doug,

    Sitefinity v3.5 is distributed with RadControls for ASP.NET AJAX which are shipped as a single assembly - Telerik.Web.UI.dll. The skins provided by Telerik are embedded in the Telerik.Web.UI.dll as web resources. That is the reason why RadControls folder is no more in use. So to change the appearance of the tabstrip you need to create your own skin following the instructions in this tutorial: Tutorial: Creating A Custom Skin. Then you should set the EnableEmbeddedSkins property of the RadTabstrip to false, as well as set the Skin property to the name of the custom skin:

    ~/Sitefinity/UserControls/Navigation35/SiteTabstrip.ascx
    <div> 
    <telerik:RadTabStrip ID="RadTabstrip1" runat="server" EnableEmbeddedSkins="false" Skin="Custom_Skin_Name" EnableViewState="false"
    </telerik:RadTabStrip> 
    </div> 

    Hope this helps.

    Regards,
    Pepi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Doug Odegaard
    Doug Odegaard avatar
    6 posts
    Registered:
    27 Oct 2004
    14 Nov 2008
    Link to this post
    So if you go into the template (master page) in the Sitefinity Admin GUI and get into the Properties of the SiteTabStrip....are the properties in the Appearance section the same as what you are describing being done in code?  I have a non-technical person configuring this site so I'm trying to figure out if they can set it from the Default look (where the Skin in the Appearance properties is actually set to nothing) to make it Web20.  but when I enter it there nothing happens.  If you can help me discern the SiteTabStrip properties setting in the Template versus what I assume to be the ASCX hard-line change in the codebase.  Thanks in advance.
    Doug
  4. Doug Odegaard
    Doug Odegaard avatar
    6 posts
    Registered:
    27 Oct 2004
    14 Nov 2008
    Link to this post
    Unfortunately the Tutorial link is broken.  This is where it is going....

    http://www.sitefinity.com/help/error.aspx?aspxerrorpath=/help/default.aspx

  5. Pepi
    Pepi avatar
    981 posts
    Registered:
    28 Oct 2016
    17 Nov 2008
    Link to this post
    Hello Doug,

    Please use the following link to open the tutorial: http://www.telerik.com/help/aspnet-ajax/tab_appearancecustomskin.html

    Also, note that Web20 is one of the built-in skins provided by Telerik. This means that you need just to set Skin property of the tabstrip under the Appearance section to Web20.

    Do let us know how it goes.

    Regards,
    Pepi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  6. Erik
    Erik avatar
    34 posts
    Registered:
    06 Dec 2007
    20 Nov 2008
    Link to this post
    I never know what to expect when you release a new version.  Now that you have made this major change to Sitefinity, all the designs I've made for the previous version have to be re-tooled to work with this version.  While I am all for change and rethinking how stuff is built, you all need to do a MUCH better job of announcing these kind of major structural changes to your software.  I shouldn't have to search on a forum to find out how to do the simple and necessary task of skinning radcontrols.  This should be something front and center in your announcements with large bold text and links to your online documentation that show how to use the new tools.


  7. Georgi
    Georgi avatar
    3583 posts
    Registered:
    28 Oct 2016
    21 Nov 2008
    Link to this post
    Hello Erik,

    I agree with you. We already took some actions which will hopefully result in better announcement descriptions.

    All the best,
    Georgi
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Register for webinar
7 posts, 0 answered