Uma nova característica e do ASP.NET 2.0 é deixar os usuários terem mais controle no visual onde possa sentir e ver uma página web. Um tema pode ser definido cores, nome de fontes, tamanho e estilo de cada controle. O novo "skin" suportado no ASP.NET 2.0 é uma extensão da mesma idéia do CSS.
Usuários individuais podem selecionar um tema para várias opções avaliadas para o mesmo, e especificar o tema deles escolhendo determinado "skin". O "skin" é um cliente servidor relativo como se fosse um CSS stylesheet, ou seja, é similar a um arquivo CSS mas diferente, um "skin" pode sobrescrever várias propriedades visuais daquele específico controle de um página ou de várias páginas.
Você pode armazenar várias versões de imagens para o tema, cada tema uma imagem diferente ou atribuir várias imagens para todos os temas baseado no corrente "skin" usado.
Os temas ficam dentro da pasta /App_Themes, e contém os seguintes itens:
- Stylesheet.css (arquivo que define a aparência dos objetos HTMLs);
- Skin File – (Eles são arquivos que definem a aparência de controles clientes servidores ASP.NET. Você pode pensar deles como se fossem arquivos stylesheet clientes servidores;
- Outros recursos como imagens.
Preciso colocar um estilo para cada controle de meu projeto WEB ASP.NET 2.0. Antigamente utilizada "Style.css" para definir os meus controles, e dentro dos controles utilizava o famoso "CssClass" atribuindo a class que gostaria descrita dentro do arquivo .CSS. Dessa forma era muito trabalhoso porque para cada controle precisava colocar o "CssClass" e assim definir o visual ou estilo do controle, poderia ser tanto um "textBox" quanto um "dataGrid".
Com a nova versão do Visual Studio.NET 2005 utilizando o framework 2.0, foi criado uma solução mais fácil e ágil para modificar o estilo de cada controle ou todos os controles de acordo com a configuração.
Para criar um estilo específico para todos os controles "textbox" por exemplo, é bem tranqüilo e fácil pois basta definir dentro do tema e depois atribuir o valor dentro do arquivo de configuração "web.config". Além de poder utilizar para todos os controles, também pode ser feito para uma página específica.
O tema ainda possui mais opções para configuração, o exemplo falado acima do "textbox", pode ser configuração para um "textbox" apenas um estilo diferente, enquanto todos os outros "textbox" podem ser diferentes de específico. No decorrer mostrarei como desenvolver das três formas na prática.
Para criar o meu primeiro tema, cliquei com o botão direito do mouse em cima do projeto, fui até a opção "ADD ASP.NET Folder", em seguida escolhi a opção "Theme". (Referência 1.1)
Página seguinte  |
|
|
|
Enviado por