Wie CSS-Stile von Telerik RadControls für ASP.NET Ajax wiederzuverwenden

Question

Telerik RadControls haben Unterstützung gebautet zum Enthäuten und verwendet CSS alle ihre Kontrollen stylen. Wenn jedoch diese Kontrollen in eine bestehende Website anschließen, was ist der beste Weg, um die Arten der bestehenden Website zu fusionieren mit RadControls Arten besitzen?

Update: In Anbetracht der folgenden Optionen (dank Zhaph):

1. Fügen Sie die RadControl CSS auf meiner Website
2. Nehmen Sie die RadControls sehen eher aus wie meine Seite
3. Fügen Sie meinen Seiten CSS Auswahl der RadControl Stil Listen

Was wäre die beste Option?

Option 2 würde erfordern, dass ich zwei Sätze von Arten halten für die Zukunft. So bevorzugt Option 1. Das Wiederverwendung des RadControls Stil-System über die Website ermöglichen würde, z.B. Blick haben Tasten und einfache Bedienung gleich.

Update 2 (bewegt von meiner Antwort): Ich beendete eine Kombination up zu tun. Mit dem FormDecorator ermöglicht die Wiederverwendung der RadControls Stile auf meinen eigenen Tasten und Eingänge. Auch das Kopieren der von Telerik in mein ASP.Net Thema bereitgestellt Skin aktiviert Anpassen die Haut.

Answer 1

Ich muss zugeben, ich habe die RadControls für längere Zeit nicht benutzt - wir haben das CMS RadEditor auf ein paar CMS-Sites verwendet, und dass automatisch Stylesheets abholen konnte, und die Klassen zu seiner Liste hinzufügen, oder Sie hinzufügen könnte einige manuell.

Sie suchen, dass die Dokumentation, könnten einige Bits helfen:

1. RadEditor CSS-Klassen und ihre verwenden - Obwohl in der Regel werden diese automatisch durch die Kontrollen hinzugefügt ich dachte
2. Der Link für 1. erfahren Sie auch, wie Sie dieses
tun
3. Ein paar Optionen
   • Externe CSS-Dateien , die „standardmäßig RadEditor heißt es für ASP.NET AJAX verwendet die CSS-Klassen in der aktuellen Seite“, sondern zeigt auch, wie andere Stylesheets laden.
   • Mit dem ToolsFile.xml - Navigieren Sie zu dem nach unten < Klasse> Element.

Answer 2

Ich wollte nur hinzufügen; das FormDecorator gilt nur CSS für bestimmte Arten von Kontrollen. Wenn Sie ein Steuerelement, das nicht gestylt Sie die Telerik Ressourcen wie folgt zugreifen können:

.cs Datei - eine öffentliche Eigenschaft hat wie folgt:

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

}

In der aspx Seite (in einem RadCodeBlock), haben nur eine interne Stylesheet aus dieser Eigenschaft zu lesen:

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

ich diesen sehr nützlich für die Anwendung Telerik Häute zu nicht-Telerik Kontrolle in einer Art und Weise gefunden, die nach wie vor dynamisch sein würden und mit irgendwelchen Hautveränderungen ändern.

Answer 3

Als Update auf diesen Thread, gibt es jetzt einen Online "Style Builder" für die Telerik AJAX und MVC-Tools, die visuelle Konfiguration / Anpassung der integrierten Skin ermöglicht:

http://stylebuilder.telerik.com/

Dieses Tool eliminiert die Notwendigkeit, CSS Klassendefinitionen für jedes Steuerelement zu verstehen und können Sie einfach eines der besseren integrierten Design anpassen, um Ihre Website zu entsprechen.