Partager via


Procédure : personnaliser l'affichage du menu de lancement rapide

Dernière modification : lundi 1 novembre 2010

S’applique à : SharePoint Foundation 2010

Plusieurs options sont à la disposition des développeurs qui veulent personnaliser l’aspect et le comportement du Lancement rapide (le menu situé dans la zone de navigation gauche des pages dans un site Web Microsoft SharePoint Foundation). Une technique couramment utilisée consiste à modifier les attributs du contrôle qui affiche le menu Lancement rapide. Une autre approche consiste à remplacer le contrôle de menu par un type de contrôle de navigation entièrement différent. Cette rubrique donne des exemples d’utilisation de ces deux méthodes.

Modification du contrôle de menu

Vous pouvez modifier l’aspect du Lancement rapide en définissant des attributs sur le contrôle AspMenu qui affiche ses nœuds de navigation. Par exemple, vous pouvez définir les attributs qui réduisent la vue du menu aux titres et ajouter des menus volants pour afficher les niveaux de menu subordonnés.

Le contrôle de menu est défini dans la page maître par défaut pour le site Web. Pour modifier les caractéristiques du menu, vous devez soit personnaliser la page maître par défaut installée à l’origine, soit créer une page maître personnalisée et la définir comme page maître par défaut.

Pour afficher des menus volants en modifiant la page maître par défaut

  1. Ouvrez votre navigateur et accédez au site Web que vous voulez personnaliser.

  2. Cliquez sur Actions du site, puis sur Paramètres du site.

  3. Dans la section Galeries, cliquez sur Pages maîtres.

  4. Sélectionnez v4.master, puis cliquez sur Modifier le document dans le Ruban.

    La page maître s’ouvre dans l’éditeur par défaut. Si Microsoft SharePoint Designer 2010 est installé sur votre ordinateur, le fichier s’ouvre dans SharePoint Designer.

  5. Fermez votre navigateur.

    Notes

    Il est possible que vous ne soyez pas autorisé à enregistrer les modifications dans la page maître par défaut du site si une page mappée au site est ouverte.

  6. Recherchez le contrôle de menu Lancement rapide. Vous pouvez le trouver en mode Code en lançant une recherche sur la chaîne suivante : <SharePoint:AspMenu id="V4QuickLaunchMenu"

  7. Affectez à l’attribut StaticDisplayLevels et à l’attribut MaximumDynamicDisplayLevels la valeur 1, comme suit.

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

    Par défaut, l’attribut de StaticDisplayLevels a la valeur 2. Cela signifie que lorsque la page est affichée, la zone Lancement rapide de la barre de navigation gauche a deux niveaux de menu : une série de titres et, sous chaque titre, un jeu de liens enfants. Le fait d’affecter la valeur 1 signifie que seuls les titres sont affichés.

    La valeur par défaut de l’attribut MaximumDynamicDisplayLevels est 0, ce qui a pour effet de désactiver les menus volants. Le fait d’affecter la valeur 1 signifie que le premier niveau de menu sous le dernier niveau dans le menu statique apparaît dans un menu volant. Dans ce cas, des menus volants apparaissent pour le premier niveau sous les titres.

  8. Enregistrez le fichier et ouvrez une page du site Web pour examiner les résultats de vos modifications.

Pour afficher des menus volants en créant une page maître personnalisée

  1. Dans SharePoint Designer 2010, ouvrez le site Web que vous voulez personnaliser.

  2. Dans le volet Navigation, sélectionnez Pages maîtres.

  3. Cliquez avec le bouton droit sur v4.master, puis cliquez sur Copier.

  4. Cliquez avec le bouton droit sur une zone vide du volet Pages maîtres, puis cliquez sur Coller.

    Le fichier v4_copy(1).master est créé.

  5. Cliquez avec le bouton droit sur v4_copy(1).master, cliquez sur Renommer, puis tapez un nouveau nom, tel que my.master.

  6. Ouvrez le nouveau fichier afin de le modifier.

  7. Recherchez le contrôle de menu Lancement rapide. Vous pouvez le trouver en mode Code en lançant une recherche sur la chaîne suivante : <SharePoint:AspMenu id="V4QuickLaunchMenu"

  8. Affectez à l’attribut StaticDisplayLevels et à l’attribut MaximumDynamicDisplayLevels la valeur 1, comme suit.

    <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. Dans le menu Fichier, cliquez sur Enregistrer.

    Notes

    Il est possible que vous ne soyez pas autorisé à enregistrer les modifications dans la page maître par défaut du site si une page mappée au site est ouverte dans le navigateur. Dans ce cas, fermez le navigateur, puis réessayez.

  10. Dans le volet Navigation, sélectionnez Pages maîtres.

  11. Cliquez avec le bouton droit sur le nom de votre page maître, puis cliquez sur Définir comme page maître par défaut.

    Notes

    Vous pouvez également définir une page maître personnalisée comme page maître par défaut en écrivant du code qui définit la valeur de la propriété SPWeb.MasterUrl.

  12. Ouvrez une page du site Web pour examiner les résultats de vos modifications.

Remplacement du contrôle Menu

Vous pouvez remplacer le contrôle AspMenu par un autre contrôle, tel que le contrôle SPTreeView qui affiche une arborescence des nœuds qui peuvent être réduits et développés.

Pour remplacer le contrôle Menu par un contrôle TreeView

  1. Dans SharePoint Designer 2010, ouvrez le site Web que vous voulez personnaliser.

  2. Dans le volet Navigation, sélectionnez Pages maîtres.

  3. Cliquez avec le bouton droit sur v4.master, puis cliquez sur Copier.

  4. Cliquez avec le bouton droit sur une zone vide du volet Pages maîtres, puis cliquez sur Coller.

    Le fichier v4_copy(1).master est créé.

  5. Cliquez avec le bouton droit sur v4_copy(1).master, cliquez sur Renommer, puis tapez un nouveau nom, tel que my.master.

  6. Ouvrez le nouveau fichier afin de le modifier.

  7. Recherchez le contrôle de menu Lancement rapide. Vous pouvez le trouver en mode Code en lançant une recherche sur la chaîne suivante : <SharePoint:AspMenu id="V4QuickLaunchMenu"

  8. Cliquez avec le bouton droit sur V4QuickLaunchMenu, sélectionnez Sélectionner la balise, puis appuyez sur la touche Suppr.

  9. Remplacez le balisage supprimé par le balisage pour trois nouveaux contrôles, un contrôle SPHierarchyDataSourceControl et un contrôle SPRememberScroll qui contient un contrôle SPTreeView.

    <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>
    

    Le balisage développe les trois nœuds supérieurs par défaut, spécifie les lignes dessinées entre les nœuds et définit les valeurs pour le remplissage vertical et la mise en retrait.

  10. Dans le menu Fichier, cliquez sur Enregistrer.

    Notes

    Il est possible que vous ne soyez pas autorisé à enregistrer les modifications dans la page maître par défaut du site si une page mappée au site est ouverte dans le navigateur. Dans ce cas, fermez le navigateur, puis réessayez.

  11. Dans le volet Navigation, sélectionnez Pages maîtres. Cliquez avec le bouton droit sur le nom de votre page maître, puis cliquez sur Définir comme page maître par défaut.

  12. Ouvrez une page du site Web pour examiner les résultats de vos modifications.

Voir aussi

Concepts

Pages maîtres par défaut dans SharePoint Foundation

Procédure : partager la barre de liens supérieure entre les sites

Contrôles de navigation