Créer une page vierge avec SharePoint Designer - Mettez des fenêtres sans charte graphique dans vos sites

Le concept de MasterPage apporté par ASP.NET 2.0 et utilisé par SharePoint est très utile pour uniformiser la charte graphique de toutes les pages d'un site Web. Mais que faire quand vous voulez une page sans charte graphique, pour une fenêtre popup par exemple ? Ce tutorial vous explique comment résoudre le problème avec SharePoint Designer.

Dans le cadre de développement d’application avec SharePoint 2007, on retrouve souvent le besoin d’utiliser des popups pour telle ou telle raison. Le problème est que lorsque l’on crée une page via SharePoint, on hérite directement de la MasterPage du site qui s’applique à l’ensemble des pages et on ne peut pas spécifier telle MasterPage pour telle page et c’est bien dommage. Pour une popup, on a souvent besoin d’avoir une charte allégée voir inexistante (pas besoin du bandeau de haut de page ou du menu QuickLaunch …).

Une premiere possibilité serait de créer un nouveau gabarit de page (PageLayout) mais je vais ici expliquer comment réaliser cela uniquement via SharePoint Designer.

J’ai donc créer une page blanche à partir d’une WebPart Page avec juste une seule Web Part Zone et je l’ai modifiée en l’éditant directement via SharePoint Designer pour faire disparaitre tout ce que je ne voulais pas voir sur cette page.

Pour cela, il suffit de surcharger quelques ContentPlaceHolders pour faire disparaitre certaines zones inutiles :

<asp:Content ContentPlaceHolderId="PlaceHolderGlobalNavigation" runat="server" ></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderHorizontalNav" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderPageTitle" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderPageTitleInTitleArea" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderSearchArea" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderLeftActions" runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderPageDescription" runat="server"></asp:Content>

On voit cependant qu’il reste encore des zones que l’on voudrait voir disparaitre comme le titre du site, le fil d’ariane etc... Pour cela, j’ai surchargé également quelques styles CSS directement dans la page :

.ms-globalTitleArea{display:none}
.ms-bannerContainer{background-color:#ffffff;}
.ms-pagetitleareaframe{display:none;}
.ms-titleareaframe{display:none;}
.ms-pagemargin{display:none;}
.ms-leftareacell{display:none;}

Voilà nous avons donc maintenant une WebPart Page sans la moindre charte graphique, très pratique pour être utilisée dans des PopUps ;-)