Come riutilizzare gli stili CSS da Telerik RadControls per ASP.NET Ajax

Question

Telerik RadControls ha un supporto integrato per lo skinning e usa CSS per dare uno stile a tutti i suoi controlli. Tuttavia, quando si collegano questi controlli a un sito Web esistente, qual è il modo migliore per unire gli stili del sito esistente con gli stili propri di RadControls?

Aggiornamento: date le seguenti opzioni (grazie a Zhaph):

1. Aggiungi il CSS di RadControl al mio sito
2. Rendi RadControls più simile al mio sito
3. Aggiungi le mie selezioni CSS dei miei siti agli elenchi di stili RadControl

Quale sarebbe l'opzione migliore?

L'opzione 2 richiederebbe il mantenimento di due serie di stili in futuro. Quindi preferibilmente l'opzione 1. Ciò consentirebbe il riutilizzo del sistema di stile RadControls attraverso il sito, ad es. pulsanti e controlli semplici sembrano uguali.

Aggiornamento 2 (spostato dalla mia risposta): Ho finito per fare una combinazione. L'uso di FormDecorator consente il riutilizzo degli stili RadControls sui miei pulsanti e ingressi. Inoltre, la copia delle skin fornite da Telerik nel mio tema ASP.Net ha permesso di personalizzare le skin.

Answer 1

Devo ammetterlo, non uso RadControls da un po 'di tempo: abbiamo usato il CMS RadEditor su alcuni siti CMS e questo potrebbe raccogliere automaticamente i tuoi fogli di stile e aggiungere le classi al suo elenco, oppure tu potrebbe aggiungerne alcuni manualmente.

Guardando che la documentazione, alcuni bit potrebbero aiutare:

1. Classi CSS di RadEditor e loro Usa - Sebbene di solito questi vengano aggiunti automaticamente dai controlli che ho pensato?
2. Il link per 1. ti dice anche come fare
3. Un paio di opzioni
   • File CSS esterni , che indica " Per impostazione predefinita, RadEditor per ASP.NET AJAX utilizza le classi CSS disponibili nella pagina corrente & Quot ;, ma mostra anche come caricare altri fogli di stile.
   • Uso di ToolsFile.xml - Scorri verso il basso fino a < !> lt; classe <> gt!; elemento.

Answer 2

Volevo solo aggiungere; FormDecorator applica css solo a determinati tipi di controlli. Se hai un controllo che non ha uno stile puoi accedere alle risorse di Telerik in questo modo:

.cs File - hanno una proprietà pubblica come la seguente:

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;
   }
}

}

Nella pagina aspx (in un RadCodeBlock), basta leggere un foglio di stile interno da quella proprietà:

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

L'ho trovato molto utile per applicare le skin di Telerik al controllo non di Telerik in un modo che sarebbe comunque dinamico e cambierebbe con eventuali cambiamenti della pelle.

Answer 3

Come aggiornamento a questo thread, ora c'è un quot & online; Style Builder " per gli strumenti Telerik AJAX e MVC che consentono la configurazione / personalizzazione visiva delle skin integrate:

http://stylebuilder.telerik.com/

Questo strumento elimina la necessità di comprendere le definizioni delle classi CSS per ciascun controllo e consente di personalizzare facilmente uno dei temi incorporati per adattarsi meglio al tuo sito.