2014-10-02 144 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及以下是我的按鈕。皮膚

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

上面是我的test.skin文件我已經在webform頁面主題指令中添加了它的引用。 我有兩個問題

1)我的webforms中的buttins沒有根據皮膚文件得到樣式嗎? 2)智能感知不在皮膚文件中工作?

回答

3

在這裏,你忘了給皮膚到你的按鈕。它應該是這樣的 -

<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

沒有工作克里希納。 – 2014-10-02 22:03:38

+0

你在頁面指令中設置了主題嗎? – 2014-10-02 22:07:32

+0

是的,我做到了。 – 2014-10-02 22:08:49

5

它應該是這樣的

STEP 1

在你App_Themes文件夾,你將不得不增加你的皮膚文件

STEP 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"/> 

STEP 3

在頁面要使用這個皮膚添加包含皮膚文件名

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

STEP 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

有同樣的問題智能感知和皮膚文件的使用只是爲我工作,因爲它不適合你是因爲你沒有使用工具箱中的標準按鈕選項。