Friday, August 28, 2009

Creando skins personalizados para controles Telerik

 

Anteriormente en nuestras aplicaciones utilizabamos GridViews enchulados con nuestras propias hojas de estilos, pero ahora que integramos el RadGrid de Telerik en nuestra aplicación, nos dimos cuenta que no respetaba los estilos, y que la presentación o el estilo de los mismos se basaba en skins predeterminados. Intenté quitar la propiedad Skin de RadGrid pero siempre tomaba un skin por default =(

En la página de Telerik viene una explicación de cómo puedes modificar los skins, y tambien la descripción de las clases de los estilos que afectan a cada uno de los elementos gráficos del control, las clases tienen el sufijo con el nombre del Skin, por ejemplo “_Vista”, y estos pueden ser reemplazados con tus propias hojas de estilo. Pero uno de las complicaciones es que la mayoria de los controles de telerik se componen de varios controles, por lo que no siempre se obtiene el resultado esperado =(

Para solucionar este problema lo que hicimos fue poner la propiedad Skin vacía, es decir Skin=””. Con esto, nuestro RadGrid no toma ningún skin predeterminado y el render, toma los estilos de las CSS que tengas en tu proyecto =)

Finalmente, aquí les dejo una liga donde ustedes pueden hacer su propio Skin, descargarlo y luego integrarlo a su solución. Esta herramienta te crea todas las clases necesarias y puedes ir viendo en tiempo real la vista previa del estilo.

http://stylebuilder.telerik.com/

Y en esta otra liga viene un pequeño tutorial de como hacerlo =)

http://tv.telerik.com/aspnet/visualstylebuilder/creating-custom-radgrid-skin-with-vsb

Bë GööD!!!