37. Темы asp.Net web-приложения.

Для задания свойств серверных ЭУ используются специальные средства ASP.Net, называемые темами (themes).

Темы, отличаются от CSS тем, что используются на стороне сервера, а не на стороне браузера, как CSS.

Так как темы применимы к элементам управления, а не к элементам HTML, с их помощью можно задать оформление практически любого свойства ЭУ.

• Например, наиболее типичным примером оформления является задание цвета фона или цвета переднего плана элемента управления.

• Для этого нужно задать значения свойств BackColor или ForeColor соответственно.

• Эти свойства можно задавать у каждого ЭУ или с помощью дескриптора, который задается в теме web-приложения.

• Например, для элемента управления TextBox строка описания дескриптора может выглядеть следующим образом:

<asp:TextBox runat="server" forecolor="blue" backcolor="lightsteelblue"/>

• Данный дескриптор отличается от простого описания ЭУ тем, что

  • описывается в файле skin;

  • не имеет атрибута id.

• В одном web-приложении можно создать одну или несколько тем, которые могут связываться с web-формами приложения как статически, так и динамически (в программном коде).

• В одном web-приложении можно создать одну или несколько тем, которые могут связываться с web-формами приложения как статически, так и динамически.

• В том случае, если приложение содержит определение для нескольких тем, каждая из них должна быть помещена в отдельный подкаталог каталога App_Themes, находящийся в корневом каталоге web-приложения.

• Тема состоит из одного или нескольких файлов оформления с расширением “.skin”.

• Данный файл является простым текстовым файлом, в котором описываются свойства ЭУ, используемых в web-формах приложения.

• Описания свойств ЭУ (дескрипторы) походят на описание самих ЭУ в шаблонах web-форм (файл aspx), однако,

  • в отличие от самих элементов, дескрипторы не имеют атрибута id.

  • содержат лишь те свойства ЭУ, значения которых необходимо установить.

• Для добавления темы в проект web-приложения, необходимо выполнить следующие действия:

  • Выполнить команду главного меню «WebSite=>Add New Item», в открывшемся окне выбрать шаблон «Skin File», нажать OK.

  • Visual Studio предупредит о том, что создаваемый файл оформления будет помещен в папку App_Themes и спросит, нужно ли добавить ее в проект в том случае, если она не существует.

  • Ввести дескрипторы описания серверных элементов управления приложения (пример описания оформления элементов TextBox приведен выше).

• Созданная тема может быть добавлена

  • ко всем страницам web-приложения,

  • к файлам подкаталога или

  • только к некоторым web-формам.

• Для задания темы для всех web-форм приложения (или для web-форм подкаталога) нужно в соответствующем конфигурационном файле web.config, в котором находятся web-формы, определить используемую тему с помощью директивы pages.

<system.web>

<pages theme="myTheme" />

…

</system.web>

• В этом случае тема будет применена ко всем формам web-приложения (или подкаталога).