방법: ASP.NET 테마 적용

Visual Studio 2010

업데이트: 2007년 11월

페이지나 웹 사이트에 또는 전체적으로 테마를 적용할 수 있습니다. 웹 사이트 수준에서 테마를 설정하면 개별 페이지에 대한 테마를 재정의하는 경우를 제외하고 사이트의 모든 페이지 및 컨트롤에 스타일과 스킨이 적용됩니다. 페이지 수준에서 테마를 설정하면 해당 페이지 및 페이지에 포함된 모든 컨트롤에 스타일과 스킨이 적용됩니다.

기본적으로 테마는 로컬 컨트롤 설정을 재정의합니다. 또는 컨트롤에 명시적으로 설정되지 않은 컨트롤 설정에만 테마가 적용되도록 테마를 스타일시트 테마로 설정할 수도 있습니다.

웹 사이트에 테마를 적용하려면

  1. 다음 예제와 같이 응용 프로그램의 Web.config 파일에서 <pages> 요소를 전역 테마 또는 페이지 테마의 이름으로 설정합니다.

    <configuration>
        <system.web>
            <pages theme="ThemeName" />
        </system.web>
    </configuration>
    
    0yy5hxdk.alert_note(ko-kr,VS.100).gif참고:

    응용 프로그램 테마와 전역 응용 프로그램 테마의 이름이 같으면 페이지 테마가 우선권을 가집니다.

  2. 테마를 스타일시트 테마로 설정하고 로컬 컨트롤 설정에 종속되게 하려면 styleSheetTheme 특성을 대신 설정합니다.

    <configuration>
        <system.web>
            <pages styleSheetTheme="Themename" />
        </system.web>
    </configuration>
    

Web.config 파일의 테마 설정은 해당 응용 프로그램의 모든 ASP.NET 웹 페이지에 적용됩니다. Web.config 파일의 테마 설정은 일반적인 구성 계층 구조 규칙을 따릅니다. 예를 들어 페이지의 하위 집합에만 테마를 적용하려면 Web.config 파일이 있는 폴더에 페이지를 넣거나 루트 Web.config 파일에 <location> 요소를 만들어 폴더를 지정하면 됩니다. 자세한 내용은 특정 파일 및 하위 디렉터리 구성을 참조하십시오.

개별 페이지에 테마를 적용하려면

  • 다음 예제와 같이 사용할 테마의 이름을 @ Page 지시문의 Theme 또는 StyleSheetTheme 특성에 설정합니다.

    <%@ Page Theme="ThemeName" %>
    <%@ Page StyleSheetTheme="ThemeName" %>
    

    이제 테마와 해당 스타일 및 스킨은 선언하는 페이지에만 적용됩니다.

테마에 정의된 스킨은 테마가 적용된 응용 프로그램 또는 페이지의 모든 컨트롤 인스턴스에 적용됩니다. 경우에 따라 특정 속성 집합을 개별 컨트롤에 적용할 수도 있습니다. 이렇게 하려면 명명된 스킨(.skin 파일에서 SkinID 속성이 설정된 항목)을 만든 다음 ID별로 개별 컨트롤에 적용하면 됩니다.

명명된 스킨을 컨트롤에 적용하려면

  • 다음 예제와 같이 컨트롤의 SkinID 속성을 설정합니다.

    <asp:Calendar runat="server" ID="DatePicker" SkinID="SmallCalendar" />
    

    페이지 테마에 SkinID 속성과 일치하는 컨트롤 스킨이 포함되어 있지 않으면 해당 컨트롤 형식에 대한 기본 스킨이 컨트롤에 사용됩니다.

표시: