2014-10-02 2 views
4

Я очень новичок в ASP.net и пытается применить стили к кнопке в моем веб-формы я сделал следующееПрименив файл кожи для кнопки в ASP.net

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="TestingStyles.Index" Theme="button" %> 
<asp:Button runat="server" Text="Button" Width="221px" SkinID="btnskin" /> 

выше мой index.aspx и ниже мой button.skin

<asp:Button runat="server" 
    BackColor="Red" 
    ForeColor="White" 
    Font-Name="Arial" 
    Font-Size="9px" 
    SkinID="btnskin" 
/> 

выше мой test.skin файл я добавил, что это ссылка в директиве тематическом веб-форму страницы. У меня две проблемы:

1) Buttins в моих веб-формах не получает стиль в соответствии с файлом кожи? 2) Intellisense не работает в файле skin?

ответ

3

Здесь вы забыли указать skinid на свою кнопку. Это должно быть, как это -

<asp:Button runat="server" 
    BackColor="Red" 
    ForeColor="White" 
    Font-Name="Arial" 
    Font-Size="9px" 
    skinid="btnSkin" 
/> 

, а затем установить тему папку, которая находится в App_Themes к вашей директиве страницы, как это -

<%@ Page Language="C#" Theme="ThemeFolderName" AutoEventWireup="true" .. %> 

Или, если вы не хотите, чтобы повторить этот код на каждой странице установите его в web.config как этот -

<system.web> 
    <pages styleSheetTheme="ThemeFolderName"></pages> 
</system.web> 

и применить его к заднице на, как это -

<asp:Button ID="btnUsers" runat="server" SkinID="btnSkin"> 
+0

Не работает кришна. –

+0

Установили ли вы тему в своей странице? –

+0

да, я сделал это. –

5

Это должно быть, как это

ШАГ 1

В вашей папке App_Themes вам придется добавить файл кожи

ШАГ 2

Добавьте настройки, которые вы хотите в t он skin file.

Не забудьте добавить атрибут SkinId

<asp:Button runat="server" ForeColor="Black" BackColor="White" SkinId="WideBlackSkin" Width="80px" Font-Bold="true" /> 
<asp:Button runat="server" ForeColor="Green" SkinId="Help" Font-Bold="true"/> 

ШАГ 3

На странице, что вы хотите использовать эту функцию кожи добавьте Theme атрибут, содержащий имя файла кожи

<%@ Page Language="C#" AutoEventWireup="true" Theme="SKINFILENAME" CodeBehind="Home.aspx.cs" Inherits="Skin_File.Home" %> 

ШАГ 4

В элементах, которые вы хотите применить стиль добавить SkinID атрибут

<asp:Button SkinID="WideBlackSkin" runat="server" Text="First" /> 
<asp:Button ID="Button1" SkinID="WideBlackSkin" runat="server" Text="First" /> 
<asp:Button ID="Button2" SkinID="WideBlackSkin" runat="server" Text="First" /> 
<asp:Button ID="Button4" SkinID="WideBlackSkin" runat="server" Text="First" /> 
<asp:Button ID="Button3" SkinID="Help" runat="server" Text="First" /> 

Я получил этот выход, следуя выше шаги

enter image description here

Для добавления intellisense

Попробуйте следующее: Инструменты -> Параметры -> Текстовый редактор -> Расширения файлов. Теперь введите текст в текстовое поле расширения и выберите Редактор пользовательского управления из раскрывающегося списка. Нажмите «Добавить». Source

2

Имеет ту же самую проблему intellisense и использование skinfile, которое только что сработало для меня, поскольку оно не работает для вас, потому что вы не используете кнопки из стандарта в панели инструментов.