■ Control 클래스 : SkinID 속성을 사용해 테마 설정하기
------------------------------------------------------------------------------------------------------------------------
▶ Blue.skin
<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
body { color : blue; }
|
▶ Red.skin
<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
body { color : red; }
|
▶ BlueSkinPage.aspx
<%@ 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
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
<%@ 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
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 } }
|
------------------------------------------------------------------------------------------------------------------------
'C# > ASP.NET' 카테고리의 다른 글
[C#/ASP.NET] TreeView 클래스 사용하기 (0) | 2019.12.14 |
---|---|
[C#/ASP.NET] Menu 클래스 : 메뉴 사용하기 (0) | 2019.12.14 |
[C#/ASP.NET] SiteMapPath 클래스 사용하기 (0) | 2019.12.14 |
[C#/ASP.NET] Control 클래스 : EnableTheming 속성을 사용해 테마 적용 여부 설정하기 (0) | 2019.12.14 |
[C#/ASP.NET] Web.config 파일을 설정해 테마 설정하기 (0) | 2019.12.14 |
[C#/ASP.NET] Control 클래스 : SkinID 속성을 사용해 테마 설정하기 (0) | 2019.12.14 |
[C#/ASP.NET] Page 클래스 : Theme 속성을 사용해 테마 설정하기 (0) | 2019.12.14 |
[C#/ASP.NET] MasterPage 클래스 : 마스터 페이지 사용하기 (0) | 2019.12.14 |
[C#/ASP.NET] UserControl 클래스 : 사용자 정의 컨트롤 만들기 (0) | 2019.12.14 |
[C#/ASP.NET] RequiredFieldValidator 클래스 : InitialValue 속성을 사용해 기본값 설정하기 (0) | 2019.12.14 |
[C#/ASP.NET] CustomValidator 클래스 : 사용자 정의 검증하기 (0) | 2019.12.14 |
댓글을 달아 주세요