Cómo: Aplicar temas de ASP.NET

  • Artículo

Actualización: noviembre 2007

Puede aplicar los temas a una página, un sitio Web, o globalmente. Al establecer un tema en el nivel del sito Web los estilos y máscaras se aplican a todas las páginas y controles del sitio, a no ser que reemplace un tema para una página individual. Al establecer un tema en el nivel de la página, los estilos y máscaras se aplican a esa página y a todos sus controles.

De manera predeterminada, los temas reemplazan la configuración local del control. Como alternativa, también se puede establecer un tema como tema de la hoja de estilos, de forma que dicho tema se aplique sólo a la configuración del control que no esté específicamente establecida en el mismo.

Para aplicar un tema a un sitio Web

  1. En el archivo Web.config de la aplicación, establezca el elemento <pages> en el nombre del tema, ya sea éste global o de página, como se muestra en el siguiente ejemplo:

    <configuration>
    <system.web>
        <pages theme="ThemeName" />
    </system.web>
</configuration>
    Nota:

    Cuando un tema de aplicación tiene el mismo nombre que otro global, la prioridad recae en el tema de página.

  2. Para establecer un tema como tema de la hoja de estilos de forma que se subordine a la configuración local del control, establezca en su lugar el atributo styleSheetTheme:

    <configuration>
    <system.web>
        <pages styleSheetTheme="Themename" />
    </system.web>
</configuration>

Los temas que se establecen en el archivo Web.config se aplican a todas las páginas Web ASP.NET de esa aplicación. La configuración del tema en el archivo Web.config sigue las convenciones normales de jerarquía. Por ejemplo, para aplicar un tema únicamente a un subconjunto de páginas, puede colocar estas páginas en una carpeta con su propio archivo Web.config o bien crear un elemento <location> en el archivo Web.config raíz para especificar una carpeta. Para obtener información detallada, vea Configurar archivos y subdirectorios específicos.

Para aplicar un tema a una página individual

  • Establezca el atributo Theme o StyleSheetTheme de la directiva @ Page en el nombre del tema que se va a utilizar, como se muestra en el siguiente ejemplo:

    <%@ Page Theme="ThemeName" %>
<%@ Page StyleSheetTheme="ThemeName" %>

    Tras ello, el tema, con sus estilos y máscaras correspondientes, sólo se aplicará a la página que lo declara.

Aplicar máscaras a los controles

Las máscaras definidas en el tema se aplicarán en todas las instancias de controles de la aplicación o en las páginas a las que se aplique el tema. En algunos casos, es posible que desee aplicar un conjunto concreto de propiedades a un control individual. Puede hacerse creando una máscara con nombre (entrada en un archivo .skin que tiene establecida la propiedad SkinID) y aplicándola a continuación mediante el identificador a controles individuales.

Para aplicar una máscara con nombre a un control

  • Establezca la propiedad SkinID del control, como se muestra en el ejemplo siguiente:

    <asp:Calendar  ID="DatePicker" SkinID="SmallCalendar" />

    Si el tema de la página no incluyera ninguna máscara de controles coincidente con la propiedad SkinID, el control utilizará la máscara predeterminada para ese tipo de control.

Vea también

Tareas

Cómo: Deshabilitar temas de ASP.NET

Cómo: Aplicar temas de ASP.NET mediante programación

Conceptos

Información general sobre temas y máscaras de ASP.NET

Otros recursos

Cómo: Definir temas de ASP.NET