Cómo reutilizar estilos de css de Telerik RadControls para ASP.NET Ajax

Question

Telerik RadControls tiene soporte integrado para skinning y usa CSS para aplicar estilo a todos sus controles. Sin embargo, al conectar estos controles en un sitio web existente, ¿cuál es la mejor manera de fusionar los estilos del sitio existente con los estilos propios de RadControls?

Actualización: Dadas las siguientes opciones (gracias a Zhaph):

1. Añadir CSS del RadControl a mi sitio
2. Hacer que los RadControls se parecen más a mi sitio
3. añadir mis selecciones sitios CSS a las listas de estilo de RadControl

¿Cuál sería la mejor opción?

La opción 2 requeriría mantener dos conjuntos de estilos en el futuro. Preferiblemente, la opción 1. Eso permitiría la reutilización del sistema de estilo RadControls en el sitio, p. tener botones y controles simples tienen el mismo aspecto.

Actualización 2 (se movió de mi respuesta): Terminé haciendo una combinación. Usar the FormDecorator permite reutilizar los estilos de RadControls en mis propios botones y entradas. Además, copiar las máscaras proporcionadas por Telerik en mi tema ASP.Net me permitió personalizar las máscaras.

Answer 1

Tengo que admitir que hace tiempo que no uso RadControls: utilizamos CMS RadEditor en algunos sitios CMS, y eso podría recoger automáticamente sus hojas de estilo y agregar las clases a su lista, o podrías agregar algunos manualmente

Buscando que la documentación, algunos bits podría ayudar:

1. RadEditor CSS Classes and Their Use - Aunque por lo general estos se añaden automáticamente por los controles que pensé?
2. El enlace de 1. También le indica cómo hacer esto
3. Un par de opciones
   • External CSS Files, que dice: "Por RadEditor predeterminado para ASP.NET AJAX utiliza las clases CSS disponibles en la página actual" , pero también muestra cómo cargar otras hojas de estilo.
   • Using the ToolsFile.xml - Desplácese hasta el elemento < clase>.

Answer 2

Como una actualización de este hilo, ahora hay una línea "Generador de Estilo" para el AJAX Telerik y herramientas MVC que permite visual de configuración/personalización de la incorporada en pieles:

http://stylebuilder.telerik.com/

Esta herramienta elimina la necesidad de comprender las definiciones de clases de CSS para cada control y le permite personalizar fácilmente uno de los temas incorporados para que coincida mejor con su sitio.

Answer 3

Solo quería agregar; FormDecorator solo aplica css a ciertos tipos de controles.Si usted tiene un control que no se labra se puede acceder a los recursos de Telerik así:

.cs Archivo - tener una propiedad pública como sigue:

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

} 

En la página aspx (en un RadCodeBlock) , sólo hay una hoja de estilo interna para leer de esa propiedad:

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

me pareció muy útil para aplicar pieles Telerik de control no Telerik de una manera que todavía sería dinámico y cambiar con los cambios de la piel.