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…

Entradas más populares de este blog

TensorFlow, una simple aproximación al calculo numérico en Python

7 arquetipos #Polymer 1.0 puntos esenciales prácticos

Iniciando la representación de una mobile-web-page pensando en el rendimiento - Parte 1