■ Control 클래스의 SkinID 속성을 사용해 테마를 설정하는 방법을 보여준다.
▶ Blue.skin
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<asp:Button runat="server" BorderWidth="1px" BorderStyle="Dashed" BorderColor="Blue" BackColor="Yellow" ForeColor="Blue" /> <asp:Button SkinID="BlueSkinBold" runat="server" BorderWidth="1px" BorderStyle="Dashed" BorderColor="Blue" BackColor="Yellow" ForeColor="Blue" Font-Bold="True" /> |
▶ Blue.css
|
1 2 3 4 5 6 |
body { color : blue; } |
▶ Red.skin
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<asp:Button runat="server" BorderWidth="1px" BorderStyle="Dashed" BorderColor="Red" BackColor="Yellow" ForeColor="Red" /> <asp:Button SkinID="RedSkinBold" runat="server" BorderWidth="1px" BorderStyle="Dashed" BorderColor="Red" BackColor="Yellow" ForeColor="Red" Font-Bold="True" /> |
▶ Red.css
|
1 2 3 4 5 6 |
body { color : red; } |
▶ BlueSkinPage.aspx
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<%@ Page Language="C#" AutoEventWireup="true" Theme="Blue" CodeBehind="BlueSkinPage.aspx.cs" Inherits="TestProject.BlueSkinPage" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Control 클래스 : SkinID 속성을 사용해 테마 설정하기</title> </head> <body> <form id="form" runat="server"> <div> 블루 스킨 적용 페이지 <hr /> <asp:Button ID="button1" runat="server" Text="블루 스킨 적용 버튼" /> <asp:Button ID="button2" runat="server" SkinID="BlueSkinBold" Text="SkinID 적용 버튼" /> </div> </form> </body> </html> |
▶ BlueSkinPage.aspx.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
using System; using System.Web.UI; namespace TestProject { /// <summary> /// 블루 스킨 페이지 /// </summary> public partial class BlueSkinPage : Page { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Protected #region 페이지 로드시 처리하기 - Page_Load(sender, e) /// <summary> /// 페이지 로드시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> protected void Page_Load(object sender, EventArgs e) { } #endregion } } |
▶ RedSkinPage.aspx
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<%@ Page Language="C#" AutoEventWireup="true" Theme="Red" CodeBehind="RedSkinPage.aspx.cs" Inherits="TestProject.RedSkinPage" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Control 클래스 : SkinID 속성을 사용해 테마 설정하기</title> </head> <body> <form id="form" runat="server"> <div> 레드 스킨 적용 페이지 <hr /> <asp:Button ID="button1" runat="server" Text="레드 스킨 적용 버튼" /> <asp:Button ID="button2" runat="server" SkinID="RedSkinBold" Text="SkinID 적용 버튼" /> </div> </form> </body> </html> |
▶ RedSkinPage.aspx.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
using System; using System.Web.UI; namespace TestProject { /// <summary> /// 레드 스킨 페이지 /// </summary> public partial class RedSkinPage : Page { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Protected #region 페이지 로드시 처리하기 - Page_Load(sender, e) /// <summary> /// 페이지 로드시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> protected void Page_Load(object sender, EventArgs e) { } #endregion } } |
