This is a migrated thread and some comments may be shown as answers.

Sharepoint 2010 themes and Telerik controls

1 Answer 115 Views
Designs, skins, themes
This is a migrated thread and some comments may be shown as answers.
ScholarisPM
Top achievements
Rank 1
ScholarisPM asked on 26 Aug 2010, 07:33 AM
Hi,

We produce a series of SharePoint iframed web parts that are used on a SharePoint platform. The aspx pages use a combination of Telerik ASP.NET controls, other vendors (legacy) ASP.NET controls and Telerik Silverlight controls.
We are gradually replacing the other vendor legacy ASP.NET controls with Telerik controls so that we have a consistant set of controls from one vendor through the product. This is mainly driven by problems we have managing style across all the controls as they all maintain style in different places.

We are starting a project to provide these web parts on the SharePoint 2010 platform, and one of the outcomes we are looking to achieve (over time) is to centralise style into one place. This style centralisation would include ASP.NET controls, SIlverlight (hopefully) and SharePoint style.
Now along with this we hoping to be able to allow the SharePoint administrators to be able to theme the portal for their needs using the built in theme UI in SharePoint

What I am looking for advice on it how to best achieve this, hopefully by bring all this style back under control of a few (??) style elements that are controlled through the SP2010 theme UI.

Any suggestions or guidence would be most appreciated

Thanks
Craig

1 Answer, 1 is accepted

Sort by
0
Vasil Yordanov
Telerik team
answered on 26 Aug 2010, 01:42 PM
Hi Craig,

As you may know SharePoint 2010 comes with considerably new theme support. Themes are now packaged using the Office Open XML format as .THMX files. THMX files are ZIP files that combine XML definitions for the theme styles, and image resources according to the standards.
For more detailed information about SP2010 Themes you can refer to:

http://www.sharepointbits.com/blog/2010/1/4/how-themes-work-in-sharepoint-2010.html
and
Creating Document Themes with the Office Open XML Formats

If you are aiming to get a consistent visual appearance of SP2010 layout and Telerik's WebParts you can achieve it by creating custom skins /for the controls/ that have the same appearance and name as the Themes loaded in SP2010.
More information about how our skins work and creating custom skins can be found here:

How skins work
Creating a custom skin

Once having the custom skin you need to register it /load css files and images/ and set a skin name to the control. More about loading custom skins -> http://www.telerik.com/help/aspnet-ajax/skinregistration.html

So far, this is the mechanism for achieving visual style compatibility. Hope this helps!

All the best,
Vasil Yordanov, UX Team
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Designs, skins, themes
Asked by
ScholarisPM
Top achievements
Rank 1
Answers by
Vasil Yordanov
Telerik team
Share this question
or