App themes

Top  Previous  Next

In some cases, you may leverage the built-in support for ASP.NET themes. You can use them for setting styles of controls that do not have their own CSS class name, such as Datagrid, Calendar or web parts with complex dialogs (logon form, registration form, ...).

 

The name of the theme folder under App_Themes must be same as the code name of the site's CSS stylesheet. So if you use the Green stylesheet on your site, your theme must be stored in the App_Themes\green sub-folder under your web project.

 

You need to add your skins to the default.skin file. Here's an example of CMSCalendar / Calendar web part skin:

 

<cms:CMSCalendar SkinID="EventCalendar" Runat="server">

   <NextPrevStyle ForeColor="Red"></NextPrevStyle>

   <WeekendDayStyle BackColor="#E0E0E0"></WeekendDayStyle>

</cms:CMSCalendar>

 

The code above defines the look of the Event calendar control. You can see this control on the Events page in the sample Corporate Site.

 

 

Where should I store web site design files?

 

It's recommended that you store all images or Flash movies that are part of the web site design template in folder app_themes/<stylesheet code name>. This ensures that the files are exported together with web site when your deploying it to some other server.