在ASP.net中为按钮应用皮肤文件

Question

我是ASP.net的新手并尝试在我的webform中将样式应用于按钮我已完成以下操作

<%@ 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文件我在webform页面主题指令中添加了它的引用。 我有两个问题

1）我的webforms中的Buttins没有根据皮肤文件设置样式？ 2）Intellisense在皮肤文件中不起作用？

Answer 1

应该是这样的

第1步

在App_Themes文件夹中，您必须添加皮肤文件

第2步

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

按照上述步骤我得到了这个输出

添加intellisense

试试这个：工具 - ＆gt;选项 - ＆gt;文字编辑器 - ＆gt;文件扩展名。现在在扩展文本框中键入外观，然后从下拉列表中选择用户控件编辑器。单击添加。 Source

Answer 2

您忘了在按钮上添加 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">

Answer 3

有同样的问题intellisense和skinfile的使用对我来说只是因为它不适合你是因为你没有使用工具箱中标准选项的按钮。