Gewusst wie: Anpassen der Anzeige der Schnellstartleiste

  • Artikel

Letzte Änderung: Montag, 1. November 2010

Gilt für: SharePoint Foundation 2010

Entwickler, die die Darstellung und das Verhalten der Schnellstartleiste, dem Menü im linken Navigationsbereich von Seiten einer Microsoft SharePoint Foundation-Website, anpassen möchten, haben verschiedene Möglichkeiten. Eine häufig verwendete Technik ist das Ändern von Attributen des Steuerelements, mit dem das Schnellstartmenü gerendert wird. Eine weitere Methode ist das Ersetzen des Menüsteuerelements durch einen ganz anderen Typ von Navigationssteuerelement. In diesem Thema finden Sie Beispiele für beide Methoden.

Ändern des Menüsteuerelements

Sie können die Darstellung der Schnellstartleiste ändern, indem Sie Attribute des AspMenu-Steuerelements ändern, mit dem Navigationsknoten angezeigt werden. Beispielsweise können Sie Attribute festlegen, um nur die Menüüberschriften anzuzeigen und Flyoutmenüs zum Anzeigen untergeordneter Menüebenen hinzuzufügen.

Das Menüsteuerelement wird in der Standardgestaltungsvorlage für die Website definiert. Zum Ändern von Merkmalen des Menüs müssen Sie entweder die ursprünglich installierte Standardgestaltungsvorlage anpassen oder eine benutzerdefinierte Gestaltungsvorlage erstellen und diese als Standard festlegen.

So zeigen Sie Flyoutmenüs durch Ändern der Standardgestaltungsvorlage an

  1. Öffnen Sie Ihren Browser, und navigieren Sie zu der Website, die Sie anpassen möchten.

  2. Klicken Sie auf Websiteaktionen und dann auf Websiteeinstellungen.

  3. Klicken Sie im Abschnitt Galerien auf Gestaltungsvorlagen.

  4. Wählen Sie v4.master aus. Klicken Sie anschließend auf dem Menüband auf Dokument bearbeiten.

    Die Gestaltungsvorlage wird im Standard-Editor geöffnet. Wenn Microsoft SharePoint Designer 2010 auf Ihrem Computer installiert ist, wird die Datei in SharePoint Designer geöffnet.

  5. Schließen Sie den Browser.

    HinweisHinweis

    Möglicherweise sind Sie nicht berechtigt, Änderungen an der Standardgestaltungsvorlage der Website zu speichern, wenn eine einer Website zugeordnete Seite geöffnet ist.

  6. Suchen Sie nach dem Steuerelement für das Schnellstartmenü. Sie finden dieses Steuerelement in der Codeansicht, indem Sie nach der folgenden Zeichenfolge suchen: <SharePoint:AspMenu id="V4QuickLaunchMenu"

  7. Legen Sie den Wert der Attribute StaticDisplayLevels und MaximumDynamicDisplayLevels wie folgt auf 1 fest.

    <SharePoint:AspMenu id="V4QuickLaunchMenu" runat="server" 
    EnableViewState="false" DataSourceId="QuickLaunchSiteMap" 
    UseSimpleRendering="true" UseSeparateCss="false" Orientation="Vertical"
    StaticDisplayLevels="1" MaximumDynamicDisplayLevels="1" 
    SkipLinkText="" CssClass="s4-ql" />

    Standardmäßig wird das StaticDisplayLevels-Attribut auf 2 festgelegt. Dies bedeutet, dass beim Rendern der Seite der Schnellstartbereich der linken Navigationsleiste zwei Menüebenen aufweist, nämlich eine Reihe von Menüüberschriften und darunter jeweils eine Reihe von untergeordneten Links. Wenn Sie den Wert dieses Attributs in 1 ändern, werden nur Menüüberschriften angezeigt.

    Der Standardwert des MaximumDynamicDisplayLevels-Attributs ist 0, womit Flyoutmenüs deaktiviert werden. Wenn Sie 1 als Wert festlegen, wird die erste Menüebene unterhalb der letzten Ebene im statischen Menü als Flyoutmenü angezeigt wird. In diesem Fall werden Flyoutmenüs für die erste Menüebene unterhalb der Menüüberschriften angezeigt.

  8. Speichern Sie die Datei, und öffnen Sie eine Websiteseite, um die Ergebnisse der Änderungen anzuzeigen.

So zeigen Sie Flyoutmenüs durch Erstellen einer benutzerdefinierten Gestaltungsvorlage an

  1. Öffnen Sie in SharePoint Designer 2010 die Website, die Sie anpassen möchten.

  2. Wählen Sie im Navigationsbereich die Option Gestaltungsvorlagen aus.

  3. Klicken Sie mit der rechten Maustaste auf v4.master, und klicken Sie dann auf Kopieren.

  4. Klicken Sie mit der rechten Maustaste in einen leeren Bereich des Fensterbereichs Gestaltungsvorlagen, und klicken Sie dann auf Einfügen.

    Die Datei v4_copy(1).master wird erstellt.

  5. Klicken Sie mit der rechten Maustaste auf v4_copy(1).master, klicken Sie auf Umbenennen, und geben Sie einen neuen Namen wie z. B. my.master ein.

  6. Öffnen Sie die neue Datei zum Bearbeiten.

  7. Suchen Sie nach dem Steuerelement für das Schnellstartmenü. Sie finden dieses Steuerelement in der Codeansicht, indem Sie nach der folgenden Zeichenfolge suchen: <SharePoint:AspMenu id="V4QuickLaunchMenu"

  8. Legen Sie den Wert der Attribute StaticDisplayLevels und MaximumDynamicDisplayLevels wie folgt auf 1 fest.

    <SharePoint:AspMenu id="V4QuickLaunchMenu" runat="server" 
    EnableViewState="false" DataSourceId="QuickLaunchSiteMap" 
    UseSimpleRendering="true" UseSeparateCss="false" Orientation="Vertical"
    StaticDisplayLevels="1" MaximumDynamicDisplayLevels="1" 
    SkipLinkText="" CssClass="s4-ql" />

  9. Klicken Sie im Menü Datei auf Speichern.

    HinweisHinweis

    Möglicherweise sind Sie nicht berechtigt, Änderungen an der Standardgestaltungsvorlage der Website zu speichern, wenn eine einer Website zugeordnete Seite im Browser geöffnet ist. Schließen Sie in diesem Fall den Browser, und wiederholen Sie den Vorgang.

  10. Wählen Sie im Navigationsbereich die Option Gestaltungsvorlagen aus.

  11. Klicken Sie mit der rechten Maustaste auf den Namen Ihrer Gestaltungsvorlage, und klicken Sie dann auf Als Standardgestaltungsvorlage festlegen.

    HinweisHinweis

    Sie können auch eine benutzerdefinierte Gestaltungsvorlage als Standardgestaltungsvorlage festlegen, indem Sie Code schreiben, mit dem der Wert der SPWeb.MasterUrl-Eigenschaft festgelegt wird.

  12. Öffnen Sie eine Websiteseite, um das Ergebnis der Änderungen anzuzeigen.

Ersetzen des Menüsteuerelements

Sie können das AspMenu-Steuerelement durch ein anderes Steuerelement wie z. B. das SPTreeView-Steuerelement ersetzen, mit dem eine Strukturansicht der Knoten angezeigt wird, die reduziert und erweitert werden können.

So ersetzen Sie das Menüsteuerelement durch ein Strukturansicht-Steuerelement

  1. Öffnen Sie in SharePoint Designer 2010 die Website, die Sie anpassen möchten.

  2. Wählen Sie im Navigationsbereich die Option Gestaltungsvorlagen aus.

  3. Klicken Sie mit der rechten Maustaste auf v4.master, und klicken Sie dann auf Kopieren.

  4. Klicken Sie mit der rechten Maustaste in einen leeren Bereich des Fensterbereichs Gestaltungsvorlagen, und klicken Sie dann auf Einfügen.

    Die Datei v4_copy(1).master wird erstellt.

  5. Klicken Sie mit der rechten Maustaste auf v4_copy(1).master, klicken Sie auf Umbenennen, und geben Sie einen neuen Namen wie z. B. my.master ein.

  6. Öffnen Sie die neue Datei zum Bearbeiten.

  7. Suchen Sie nach dem Steuerelement für das Schnellstartmenü. Sie finden dieses Steuerelement in der Codeansicht, indem Sie nach der folgenden Zeichenfolge suchen: <SharePoint:AspMenu id="V4QuickLaunchMenu"

  8. Klicken Sie mit der rechten Maustaste auf V4QuickLaunchMenu, wählen Sie Tag auswählen aus, und drücken Sie dann die ENTF-TASTE.

  9. Ersetzen Sie das gelöschte Markup durch Markup für drei neue Steuerelemente, nämlich ein SPHierarchyDataSourceControl-Steuerelement und ein SPRememberScroll-Steuerelement, das ein SPTreeView-Steuerelement enthält.

    <SharePoint:SPHierarchyDataSourceControl
      id="MyTreeViewDataSource"
      runat="server" RootContextObject="Web"
      IncludeDiscussionFolders="true" />
<SharePoint:SPRememberScroll
      id="MyTreeViewRememberScroll"
      runat="server" onscroll="javascript:_spRecordScrollPositions(this);"
      Style="overflow: auto;height: 400px;width: 150px; ">
  <SharePoint:SPTreeView
        id="MyWebTreeView"
        runat="server"
        ShowLines="true"
        DataSourceId="MyTreeViewDataSource"
        ExpandDepth="3"
        SelectedNodeStyle-CssClass="ms-tvselected"
        NodeStyle-CssClass="ms-navitem"
        NodeStyle-HorizontalPadding="2"
        NodeStyle-VerticalPadding="5"
        SkipLinkText=""
        NodeIndent="20"
        ExpandImageUrl="/_layouts/images/tvplus.gif"
        CollapseImageUrl="/_layouts/images/tvminus.gif"
        NoExpandImageUrl="/_layouts/images/tvblank.gif" />
</SharePoint:SPRememberScroll>

    Mit diesem Markup werden die oberen drei Knoten standardmäßig erweitert, Linien zwischen den Knoten angezeigt sowie Werte für den vertikalen Abstand und Einzug angegeben.

  10. Klicken Sie im Menü Datei auf Speichern.

    HinweisHinweis

    Möglicherweise sind Sie nicht berechtigt, Änderungen an der Standardgestaltungsvorlage der Website zu speichern, wenn eine einer Website zugeordnete Seite im Browser geöffnet ist. Schließen Sie in diesem Fall den Browser, und wiederholen Sie den Vorgang.

  11. Wählen Sie im Navigationsbereich die Option Gestaltungsvorlagen aus. Klicken Sie mit der rechten Maustaste auf den Namen Ihrer Gestaltungsvorlage, und klicken Sie dann auf Als Standardgestaltungsvorlage festlegen.

  12. Öffnen Sie eine Websiteseite, um das Ergebnis der Änderungen anzuzeigen.

Siehe auch

Konzepte

Standardgestaltungsvorlagen in SharePoint Foundation

Gewusst wie: Freigeben der Leiste für häufig verwendete Hyperlinks zwischen Websites

Navigationssteuerelemente