Gewusst wie: Übernehmen von ASP.NET-Designs

Aktualisiert: November 2007

Sie können Designs auf eine Seite, eine Website oder global anwenden. Beim Festlegen eines Designs auf Websiteebene werden Formate und Designs für alle in der Site enthaltenen Seiten und Steuerelemente außer für die Seiten übernommen, für die ein individuelles Design festgelegt wurde. Beim Festlegen eines Designs auf Seitenebene werden Formate und Designs auf diese Seite und alle in ihr enthaltenen Steuerelemente angewendet.

Die Steuerelementeinstellungen werden standardmäßig durch Designs überschrieben. Alternativ können Sie ein Design als Stylesheetdesign festlegen, sodass das Design nur auf Steuerelementeinstellungen angewendet wird, die nicht explizit festgelegt wurden.

So wenden Sie ein Design auf eine Website an

1. Legen Sie das <pages>-Element in der Datei Web.config der Anwendung auf den Namen eines globalen Designs oder eines Seitendesigns fest, wie im folgenden Beispiel gezeigt:

   <configuration>
       <system.web>
           <pages theme="ThemeName" />
       </system.web>
   </configuration>
   

   Hinweis:
   Wenn ein Anwendungsdesign und ein globales Anwendungsdesign über denselben Namen verfügen, hat das Seitendesign Vorrang.

2. Um ein Design als Stylesheetdesign so festzulegen, dass es den lokalen Steuerelementeinstellungen untergeordnet wird, legen Sie stattdessen das styleSheetTheme-Attribut fest:

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

Eine Designeinstellung in der Datei Web.config wird auf alle in dieser Anwendung enthaltenen ASP.NET-Webseiten angewendet. Für Designeinstellungen in der Datei Web.config gelten die üblichen Konventionen für die Konfigurationshierarchie. Um beispielsweise ein Design nur auf einen Teil aller Seiten anzuwenden, können Sie die Dateien in einem Ordner mit einer eigenen Datei Web.config speichern oder ein <location>-Element in der Stammdatei Web.config erstellen, um einen Ordner anzugeben. Ausführliche Informationen finden Sie unter Konfigurieren von bestimmten Dateien und Unterverzeichnissen.

So wenden Sie ein Design auf eine einzelne Seite an

• Legen Sie das Theme-Attribut oder das StyleSheetTheme-Attribut der @ Page-Direktive auf den Namen des zu verwendenden Designs fest, wie im folgenden Beispiel gezeigt:

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

  Das Design und die zugehörigen Formate und Designs werden nun nur auf die Seite angewendet, in der das Design deklariert wird.

Anwenden von Designs auf Steuerelemente

In einem Design enthaltene Steuerelementdesigns werden auf alle Steuerelementinstanzen in der Anwendung oder den Seiten angewendet, auf die das Design angewendet wird. In einigen Fällen möchten Sie möglicherweise einen bestimmten Satz von Eigenschaften auf ein einzelnes Steuerelement anwenden. Sie erreichen dies, indem Sie ein benanntes Design erstellen (ein Eintrag in einer SKIN-Datei mit einer festgelegten SkinID-Eigenschaft) und dieses Design mithilfe seiner ID auf einzelne Steuerelemente anwenden.

So wenden Sie ein benanntes Design auf ein Steuerelement an

• Legen Sie die SkinID-Eigenschaft des Steuerelements fest, wie im folgenden Beispiel gezeigt:

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

  Wenn das Seitendesign kein Steuerelementdesign enthält, das mit der SkinID-Eigenschaft übereinstimmt, verwendet das Steuerelement das Standarddesign für diesen Steuerelementtyp.

Siehe auch

Aufgaben

Gewusst wie: Deaktivieren von ASP.NET-Designs

Gewusst wie: Programmgesteuertes Übernehmen von ASP.NET-Designs

Konzepte

Übersicht über ASP.NET-Designs und ASP.NET-Skins

Weitere Ressourcen

Gewusst wie: Definieren von ASP.NET-Designs