[SP2013] Afficher le fil d’ariane (Breadcrumb) sur SharePoint 2013

[SP2013] Afficher le fil d’ariane (Breadcrumb) sur SharePoint 2013

Les gens qui ont travaillé sur SharePoint 2007 et SharePoint 2010 remarqueront que le fil d’Ariane est manquant. But dont worry, this feature is just disable by default. Mais ne vous inquiétez pas, cette fonction est simplement désactiver par défaut. This post will help you enable it back using simple steps Ce poste vous permettra d’activer de nouveau en utilisant des étapes simples :

1. Ouvrez votre site avec SharePoint Designer 2013

2. Naviguez vers Tous les fichiers -> _catalogs -> Master page

3. Modifier (en mode avancé) la master page Seattle.master

4. Par défaut, il n’est pas possible de modifier la master page originale. Pour en créer une nouvelle, cliquez sur Fichier -> Master Page Vierge

new-master

5. Modifiez en mode avancé la nouvelle master page créée et collez le code précédemment copié

6. Recherchez ensuite le bout de code suivant :

<div class="ms-breadcrumb-dropdownBox" style="display:none;">

7. Supprimez l’attribut suivant : style=”display:none;”

8. Deux lignes ci-dessous changent l’attribut visible de SharePoint:PopoutMenu sur true

9. Après la modification de votre code, il devrait ressembler à ceci :

<div class="ms-breadcrumb-dropdownBox">
<SharePoint:AjaxDelta id="DeltaBreadcrumbDropdown" runat="server">
	<SharePoint:PopoutMenu
		Visible="true"
		runat="server"
		ID="GlobalBreadCrumbNavPopout"
		IconUrl="/_layouts/15/images/spcommon.png?rev=27"
		IconAlt="<%$Resources:wss,master_breadcrumbIconAlt%>"
		ThemeKey="v15breadcrumb"
		IconOffsetX="215"
		IconOffsetY="120"
		IconWidth="16"
		IconHeight="16"
		AnchorCss="ms-breadcrumb-anchor"
		AnchorOpenCss="ms-breadcrumb-anchor-open"
		MenuCss="ms-breadcrumb-menu ms-noList">
		<div class="ms-breadcrumb-top">
			<asp:Label runat="server" CssClass="ms-breadcrumb-header" Text="<%$Resources:wss,master_breadcrumbHeader%>" />
		</div>
		<asp:ContentPlaceHolder id="PlaceHolderTitleBreadcrumb" runat="server"><SharePoint:ListSiteMapPath
		runat="server"
		SiteMapProviders="SPSiteMapProvider,SPContentMapProvider"
		RenderCurrentNodeAsLink="false"
		PathSeparator=""
		CssClass="ms-breadcrumb"
		NodeStyle-CssClass="ms-breadcrumbNode"
		CurrentNodeStyle-CssClass="ms-breadcrumbCurrentNode"
		RootNodeStyle-CssClass="ms-breadcrumbRootNode"
		NodeImageOffsetX="217"
		NodeImageOffsetY="210"
		NodeImageWidth="16"
		NodeImageHeight="16"
		NodeImageUrl="/_layouts/15/images/spcommon.png?rev=27"
		RTLNodeImageOffsetX="199"
		RTLNodeImageOffsetY="210"
		RTLNodeImageWidth="16"
		RTLNodeImageHeight="16"
		RTLNodeImageUrl="/_layouts/15/images/spcommon.png?rev=27"
		HideInteriorRootNodes="true"
		SkipLinkText="" />
		</asp:ContentPlaceHolder>
	</SharePoint:PopoutMenu>
</SharePoint:AjaxDelta>
</div>

10. Si vous utilisez l’un des thèmes de SharePoint, l’icône de votre fil d’Ariane n’apparaîtra pas comme il se doit, pour la récupérer, il faut ajouter le script ci-dessous avant la balise de fermeture :

<script type="text/javascript">
document.getElementById("GlobalBreadCrumbNavPopout-anchor").innerHTML='<img style="border-width:0;position:absolute;left:-215px !important;top:-120px !important;" alt="Navigate Up" src="/_layouts/15/images/spcommon.png?rev=27">';
</script>

11. Enregistrez la page principale ainsi modifiée, vérifiez et publiez-là dans la version majeure

12. Ouvrez votre site SharePoint, allez dans Paramètres > Paramètres du site > MasterPage sous Aspect et sélectionnez la nouvelle page maître comme master page par défaut

breadcrummaster

13. Vous verrez une nouvelle icône sur le côté gauche du menu

breadcrumvisible

Voici votre Fil d’Ariane !

Partager cette publication

Comments (2)

  • Benjamin Répondre

    Bonjour,
    il me semble que ce fil d’ariane est limité à 4 niveau (4 sites). Est-ce qu’il y a moyen d’en voir plus ?
    En tout cas merci de l’info c’est pratique 😉

    10 mars 2015 à 9 h 08 min
  • Laussac Répondre

    Bonjour, j’ai suivit votre article pour rajouter le fil d’ariane mais même en rajoutant le script dans le head de ma page maitre, l’image n’apparait toujours pas. Une idée à ce sujet ?

    Bonne journée

    13 mai 2015 à 10 h 18 min

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *