Web, aplicando Themes en ASPNET

Para este artículo de corte simple, les traigo algunos comentarios sobre cómo podemos dotar a nuestro Sitio Web de Temas aplicando pieles y estilos.

En primer lugar voy a definir un escenario web simple, para este caso voy a utilizar Visual Studio 2008 con lenguaje C# para el esquema programático.

Como vemos en el escenario es una page simple que contiene una etiqueta y una caja de texto.

Vamos a crear el soporte para temas, esto comprende agregar la carpeta temas a nuestro site:

Luego vamos a crear dentro de la carpeta un skin y una hoja de estilo de soporte:

Veamos la simple estructura de los estilos:

Para este ejemplo solo tengo definidos el cuerpo, párrafo y dos class para el manejo del texto y etiquetas.

Ahora veamos el skin:

Donde tengo declarado dentro del mismo a las etiquetas y cajas de texto, haciendo referencias a mi estilo, caso de EtiquetaGeneral y Texto.

En este punto, solo resta decirle a todo mi sitio que respete el tema desarrollado, esto se logra configurando el "web config" o bien como les voy a mostrar, configurando las propiedades de una página en particular:

Esto permite exitosamente visualizar el estilo sobre la page, pero mi objetivo es lograr una configuración dinámica programática para poder establecer el tema según el usuario o rol de usuario ingresado a mi site, para este objetivo vamos a trabajar de forma muy básico sobre el evento "PreInit" de mi page estableciendo el tema:

private
void InitializeComponent()

{

this.PreInit += new System.EventHandler(this.Page_PreInit);

}

private
void Page_PreInit(object sender, EventArgs e)

{

Page.Theme = "ThemeNick";

}

De esta forma, tengo control más acabado de la solución a desarrollar.

Espero les sea de utilidad…