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

Forums / Deployment / Skinning

Skinning

5 posts, 0 answered
  1. Paul Kavanagh
    Paul Kavanagh avatar
    13 posts
    Registered:
    05 Oct 2005
    08 Nov 2006
    Link to this post
    Looking for some direction on working with the look and feel of SiteFinity. I am working with version 2.7. Are there site specific page controls (beyond gui based layout design), and is there any direction as to how to work with these?

    Thanks!

    Paul
  2. Rebecca
    Rebecca avatar
    536 posts
    Registered:
    24 Sep 2012
    13 Nov 2006
    Link to this post
    Hello Paul,

    Basically, there are two approaches to changing the look and feel of Sitefinity: using ASP.NET 2.0 theming or changing the skin of individual controls.

    Note that there are two kind of themes in Sitefinity:

    • Default Site Theme

    When creating a new web site, the Sitefinity Project Manager copies files from Sitefinity2.7\ProjectManager\Controls\Wizard\Themes\[selected theme] to the project root directory, mostly these are the Common and Img folders. You can change these folders (files) at any time. 

    • Themes of Individual controls

    The resource files for Sitefinity RadControls themes are in [project_root]\RadControlsResources\[theme]\[RadControl]. When working with an existing web site project, you can easily set/change the Theme of a supporting control using the Property Grid from the Page Editor or the Layout Editor respectively. If you want to add a new theme, you should:

     - create a new folder for the theme and place in it the resource files for each control;
     - add the new theme in the enumerator

    Generally, the themes in r.a.d.controls such as Default, Grassy Green, MonoGraphic are remnants of  previous versions of Sitefinity. In some of the controls the themes are incomplete as the controls themselves have evolved, too. Unfortunately Sitefinity has failed to handle all these changes.

    We suggest setting the theme property for these controls to Not Set and then either use the ASP.NET themes or explicitly set the Skin property for the specified r.a.d.control.

    In the Default.aspx you can set the theme for the whole site like this:

    <%@ Page
    Theme="Outlook" Language="c#" Inherits="TelerikCmsProject.DefaultPage" CodeFile="Default.aspx.cs" %>

    Also, you can use the Skins of r.a.d.controls, for example, of the r.a.d.menu like this:

    1. Go to Control Properties for the r.a.d.menu.
    2. Select Menu - RadMenu.
    3. Find the Skin property.
    4. Clear the Enable Theming checkbox. (see the attached file)
    5. Set, for example, CssBrick skin. You can find all the available skins for the menu in this folder ~/RadControls/Menu/Skins.
    We admit that at the theming mechanism in Sitefinity 2.7 is far from perfect. This is due to the fact that we are currently migrating to the themimg mechanism of .NET 2.0. We are doing our best in this respect for the upcoming version 3.0.

    All the best,
    Rebecca
    the telerik team
  3. Paul Kavanagh
    Paul Kavanagh avatar
    13 posts
    Registered:
    05 Oct 2005
    13 Nov 2006
    Link to this post
    Thanks for the reply. How about the cell layout. Is it possible to change this, or is it hardcoded? i.e., if I wanted to have 4 rows instead of 3.

    Thanks,

    Paul
  4. Rebecca
    Rebecca avatar
    536 posts
    Registered:
    24 Sep 2012
    13 Nov 2006
    Link to this post
    Hi Paul,

    I assume you are asking about changing the  5-cell-layout and splitting it further, so it has 4 rows instead of 3. All you have to do is set, let's say the center cell as a container. This new container will in turn have 5 cells and you can enable any number of them. For example, to have one more horizontal cell, you can enable the top cell again and either leave it empty or insert a control in it.
    See the attached screenshots for details.

    You can also find the Sitefinity Administration Manual>Working with layouts>Creating Containers topic useful as it discusses similar scenarios.

    Best Regards,
    Rebecca
    the telerik team
  5. Paul Kavanagh
    Paul Kavanagh avatar
    13 posts
    Registered:
    05 Oct 2005
    13 Nov 2006
    Link to this post
    Thanks for the prompt reply. That makes sense. Getting the hang of it, I think. Much different from DNN, which I am used to, but very flexible. I am sure I will have some more questions. Thanks again.

    Paul
5 posts, 0 answered