Comment réutiliser les styles CSS de Telerik RadControls pour ASP.NET Ajax

Question

Telerik RadControls prend en charge le skinning et utilise CSS pour styliser tous ses contrôles. Cependant, lorsque ces contrôles sont connectés à un site Web existant, quel est le meilleur moyen de fusionner les styles du site existant avec les styles propres de RadControls?

Mise à jour: avec les options suivantes (merci à Zhaph):

1. Ajouter le CSS de RadControl à mon site
2. Faites en sorte que les contrôles de contrôle ressemblent davantage à mon site
3. Ajouter les sélections CSS de mes sites aux listes de styles RadControl

Quelle serait la meilleure option?

L'option 2 exigerait que je maintienne deux ensembles de styles à l'avenir. Donc, de préférence, l'option 1. Cela permettrait de réutiliser le système de style RadControls sur le site, par exemple. avoir des boutons et des commandes simples identiques.

Mise à jour 2 (transféré de ma réponse): J'ai fini par faire une combinaison. Utiliser FormDecorator permet de réutiliser les styles RadControls sur mes propres boutons et contributions. De plus, la copie des skins fournis par Telerik dans mon thème ASP.Net permettait de les personnaliser.

Answer 1

Je dois admettre que je n'ai pas utilisé RadControls depuis un certain temps - nous avons utilisé le CMS RadEditor sur quelques sites de CMS, ce qui pourrait automatiquement récupérer vos feuilles de style et ajouter les classes à sa liste. pourrait en ajouter manuellement.

En regardant dans la documentation, quelques éléments pourraient vous aider:

1. Classes CSS RadEditor et leurs Utilisation - Bien que ceux-ci soient généralement ajoutés automatiquement par les commandes que je pensais?
2. Le lien pour 1. vous indique également comment procéder
3. Quelques options
   • fichiers CSS externes , indiquant " Par défaut, RadEditor for ASP.NET AJAX utilise les classes CSS disponibles dans la page actuelle & Quot ;, mais indique également comment charger d'autres feuilles de style.
   • Utilisation du fichier ToolsFile.xml - Faites défiler jusqu'à la < !> lt; class > élément.

Answer 2

Je voulais juste ajouter; FormDecorator applique uniquement les CSS à certains types de contrôles. Si vous avez un contrôle qui n'a pas de style, vous pouvez accéder aux ressources Telerik comme ceci:

Fichier .cs - avoir une propriété publique comme suit:

public string HeaderDivBackgroundURL
{
   get
{
{
     string backgroundURL = string.Empty;
     string skin = ((MainMaster)Page.Master).AppSkin;
     backgroundURL = Page.ClientScript.GetWebResourceUrl(typeof(RadSplitter), "Telerik.Web.UI.Skins." + skin + ".Splitter.slideTitleContainerBgr.gif");
     return backgroundURL;
   }
}

}

Dans la page aspx (d'un RadCodeBlock), il suffit d'avoir une feuille de style interne à lire à partir de cette propriété:

<tel:RadCodeBlock runat="server">
    <style type="text/css">
        .telerikBackgroundMock
        {
            background: url('<%= HeaderDivBackgroundURL %>') repeat-x;
        }
    </style>
</tel:RadCodeBlock>

J'ai trouvé cela très utile pour appliquer des skins Telerik au contrôle non Telerik d'une manière qui serait toujours dynamique et changerait à chaque changement de peau.

Answer 3

Pour mettre à jour ce fil, il existe désormais un " Style Builder " en ligne. pour les outils Telerik AJAX et MVC permettant la configuration / personnalisation visuelle des enveloppes intégrées:

http://stylebuilder.telerik.com/

Cet outil élimine le besoin de comprendre les définitions de classe CSS pour chaque contrôle et vous permet de personnaliser facilement l'un des thèmes intégrés afin de mieux correspondre à votre site.