Temas Y Máscaras De Asp 252i2y

Temas y máscaras de ASP.NET Los temas de ASP.NET son una colección de propiedades que definen el aspecto de las páginas y los controles de un sitio Web. Un tema puede contener archivos de máscara, que definen los valores de las propiedades de los controles de servidor Web de ASP.NET; también pueden contener archivos de hojas de estilos en cascada (archivos .css) y gráficos. Si se aplica un tema, se puede dar a todas las páginas del sitio Web un aspecto coherente.

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: other <system.web> <pages theme="ThemeName" /> 1. 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: other <system.web> <pages styleSheetTheme="Themename" /> 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 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: other <%@ 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.

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: other 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.

Lo primero que haremos será abrir el visual Studio o en caso de no contar con el podemos utilizar el visual Web Developer Le damos clic en el menú archivo y le decimos que queremos un sitio Web y a continuación nos aparecerá un cuadro de dialogo “Nuevo sitio Web “ Y en las plantillas que se encuentran ahí le damos clic en sitio Web de ASP.NET y le especificamos la ubicación y escribimos el nombre de la carpeta donde queremos conservar las paginas de nuestro sitio Web y en esta ocasión vamos a trabajar con el lenguaje C# y le damos clic en aceptar. Con estos pasos que acabamos de realizar se crea la carpeta y una pagina denominada Default.aspx que podemos eliminarla, crear una nueva o cambiarle el nombre; Ya que realizamos los pasos anteriores vamos a configurar un label y un button papa comenzar con los temas En la pagina default.aspx o con el nombre que hallan deseado nombrar vamos a cambiar a la lista de diseño y del cuadro de herramientas vamos a arrastrar un control Button y un label hacia la pagina por ahora podemos ver nuestra pagina antes de aplicarle un tema la guardamos y le damos f5 para verla hasta ahora sin temas.

Ahora vamos a agregarle tema a nuestra pagina , posicionamos el cursor en el nombre del sitio Web hacemos clic en agregar carpeta ASP.NET y a continuación seleccionamos tema. Dentro de nuestro explorador de soluciones podemos ver la carpeta que se creo denominada App_Themes y una subcarpeta de nominada Theme1 Podemos cambiar el nombre de Theme1 por cualquiera que ustedes deseen la cuestión es recordarlo cuando se aplique el tema personalizado, ejemplo plantillatemas Ahora damos clic con el botón secundario en la carpeta plantillatemas y seleccionamos agregar un nuevo elemento en este caso vamos a agregar un skin File que es un elemento con la terminación .skin, lo podemos nombrar plantilla.skin. En el archivo plantilla .skin es donde vamos a agregar definiciones de mascaras por ejemplo Guardamos el archivo de mascaras y lo cerramos. Nos vamos a nuestra pagina y en la vista de codigo agregamos el atributo siguiente a al directiva @page: <%@ Page Theme=”plantillatemas” %> Tambien podemos establecer temas para nuestro sitio web en el archivo web.config que se agrego automáticamente al sitio web Dentro de nuestro web.config agregamos el elemento <pages> si todavía no existe, este elemento lo debemos agregar dentro del elemento <system.web> Y dentro del <pages> agregamos el siguiente elemento como lo muestro en mi ejemplo

<pages theme=”plantillatema” /> Guardamos y cerramos el archivo web.config y nos vamos ala vista de diseño de nuestra pagina Default.aspx y quitamos el atributo que teniamos Theme=”plantillatemas” de la declaracion de la pagina y listo Le damos f5 y la pagina se muestra con el tema que especificamos en el archivo web.config

Esto nos sirve para asignarle temas a todas las paginas que vallamos creando ya que la llamada al temas esta en el web.config. Espero y este tipo de ejemplos basicos les ayude