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:
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.
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#"
Also, you can use the Skins of r.a.d.controls, for example, of the
r.a.d.menu like this:
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.
- Go to Control
Properties for the r.a.d.menu.
- Select Menu -
- Find the Skin property.
- Clear the Enable Theming checkbox. (see the attached file)
- Set, for example, CssBrick
skin. You can find all the available skins for the menu
in this folder ~/RadControls/Menu/Skins.
All the best,