Temas en ASP.NET: configuración, máscaras (skin) y prioridades

Temas en ASP.NET: conceptos, estructura y configuración

Temas

Aplicables a páginas individuales como atributo en la directiva @Page (Theme o StyleSheetTheme), o a todas en el archivo de configuración de la aplicación.

Temas globales

Temas globales: Es un tema que se puede aplicar a todos los sitios web en un servidor. Se almacenan en una carpeta denominada Themes, que es global al servidor web.

Prioridad en la configuración de temas

Si se establece la propiedad Theme de la página:

1. Configuración del tema
2. Configuración de la página local

Si se establece la propiedad StyleSheetTheme de la página:

1. Configuración de la página local
2. Configuración del tema

Teoría de los temas

Teoría — Temas: Un tema es un conjunto de valores que da apariencia a las páginas y controles de una o varias páginas o aplicaciones.

Los temas están formados por máscaras (como mínimo), CSS, imágenes y otros recursos.

Máscaras (skins)

Máscara: Extensión .skin. Se crean en la carpeta Themes.

• Máscara predeterminada: Se aplica automáticamente a todos los controles del mismo tipo cuando un tema se aplica a una página. No tiene atributo SkinID.
• Máscara con nombre: Es una máscara de controles con un conjunto de propiedades asociadas a un SkinID. Estas máscaras no se aplican a menos que se establezca la propiedad SkinID en el control.

CSS

El CSS se puede incluir en el tema y se aplica automáticamente como parte del tema.

Gráficos del tema y otros recursos

Archivos de script, sonido, imágenes u otros recursos que formen parte del tema.

Diferencias entre CSS y los temas

• Los temas pueden definir muchas propiedades de un control o de una página (no solo estilos CSS).
• Los temas pueden incluir gráficos y otros recursos (imágenes, scripts, sonidos).
• Solo se puede aplicar un tema por página.

Aplicación de temas

Aplicar un tema al sitio web (Web.config)

Para aplicar un tema a todo el sitio web se configura en el archivo Web.config.

Aplicar a página individual

Se puede establecer el tema en la directiva @Page mediante los atributos Theme o StyleSheetTheme.

Aplicar máscaras a controles

Aplicar máscaras a controles: Establecer la propiedad SkinID en el control para usar una máscara con nombre.

Deshabilitar temas de ASP.NET

Deshabilitando temas de ASP.NET

Ejemplos:

<%@ Page EnableTheming="false" %>  <!-- En la directiva de la página -->

<asp:Calendar id="Calendar1" runat="server" EnableTheming="false" />  <!-- En un control -->

Nota: Mantén en cuenta la prioridad entre Theme y StyleSheetTheme y usa SkinID para aplicar máscaras con nombre cuando sea necesario.