masterpage
Customization graphique Sharepoint, quelques points à retenir
Bonjour,
Ce billet rassemble quelques points clés à connaitre pour bien construire une charte graphique Sharepoint 2013 et Sharepoint online
Activation, utilisation
- Pensez à activer la fonctionnalité « Infrastrucutre de publication de Sharepoint Server » dans les fonctionnalités de votre collection de site (http://<votresite>/_layouts/15/ManageFeatures.aspx?Scope=Site)
- Si vous créez une masterpage minimal en .html, pensez à la décorréler de votre page .master, en décochant la case dans ses propriétés sharepoint (via la bibliotheque http://<votresite>/_catalogs/masterpage/Forms/AllItems.aspx). Sans ceci vous ne pourrez pas modifier directement la masterpage (ex oslo.master ou seatle.master) :
Customization masterpage
Voici des exemples d’ajout de pages javascripts et css dans votre <header>
&amp;amp;amp;lt;SharePoint:CssRegistration name=&amp;amp;amp;quot;&amp;amp;amp;amp;lt;% $SPUrl:~sitecollection/SiteForms/css/accueil.css %&amp;amp;amp;amp;gt;&amp;amp;amp;quot; runat=&amp;amp;amp;quot;server&amp;amp;amp;quot; after=&amp;amp;amp;quot;corev4.css&amp;amp;amp;quot;/&amp;amp;amp;gt; &amp;amp;amp;lt;SharePoint:CssRegistration name=&amp;amp;amp;quot;&amp;amp;amp;amp;lt;% $SPUrl:~sitecollection/SiteForms/js/bootstrap/3.3.5/css/bootstrap.css %&amp;amp;amp;amp;gt;&amp;amp;amp;quot; runat=&amp;amp;amp;quot;server&amp;amp;amp;quot; after=&amp;amp;amp;quot;corev4.css&amp;amp;amp;quot;/&amp;amp;amp;gt; &amp;amp;amp;lt;SharePoint:ScriptLink language=&amp;amp;amp;quot;javascript&amp;amp;amp;quot; name=&amp;amp;amp;quot;&amp;amp;amp;amp;lt;% $SPUrl:~sitecollection/SiteForms/js/jquery/jquery-1.11.3.min.js %&amp;amp;amp;amp;gt;&amp;amp;amp;quot; OnDemand=&amp;amp;amp;quot;true&amp;amp;amp;quot; runat=&amp;amp;amp;quot;server&amp;amp;amp;quot; Localizable=&amp;amp;amp;quot;false&amp;amp;amp;quot; /&amp;amp;amp;gt; &amp;amp;amp;lt;SharePoint:ScriptLink language=&amp;amp;amp;quot;javascript&amp;amp;amp;quot; name=&amp;amp;amp;quot;&amp;amp;amp;amp;lt;% $SPUrl:~sitecollection/SiteForms/js/jquery.SPServices/jquery.SPServices-2014.02.min.js %&amp;amp;amp;amp;gt;&amp;amp;amp;quot; OnDemand=&amp;amp;amp;quot;true&amp;amp;amp;quot; runat=&amp;amp;amp;quot;server&amp;amp;amp;quot; Localizable=&amp;amp;amp;quot;false&amp;amp;amp;quot; /&amp;amp;amp;gt; &amp;amp;amp;lt;SharePoint:ScriptLink language=&amp;amp;amp;quot;javascript&amp;amp;amp;quot; name=&amp;amp;amp;quot;&amp;amp;amp;amp;lt;% $SPUrl:~sitecollection/SiteForms/js/bootstrap/3.3.5/js/bootstrap.min.js %&amp;amp;amp;amp;gt;&amp;amp;amp;quot; OnDemand=&amp;amp;amp;quot;true&amp;amp;amp;quot; runat=&amp;amp;amp;quot;server&amp;amp;amp;quot; Localizable=&amp;amp;amp;quot;false&amp;amp;amp;quot; /&amp;amp;amp;gt;
Customization CSS
Voici le code css à ajouter pour passer votre site en largeur fixe :
form
{
margin: auto;
max-width: 1590px;
}
#s4-workspace
{
margin: auto;
max-width: 1590px;
background:#FFFFFF !important;
}
Liens Utiles
- Wiki technet (via benoit jester) http://social.technet.microsoft.com/wiki/contents/articles/18892.sharepoint-2013-design-manager-construire-une-masterpage-fr-fr.aspx
- blog d’Erik Swenson : http://erikswenson.blogspot.fr/
- blog de Randy Drisgill http://blog.drisgill.com/
- Blog NothingButSharepoint (customisation de css)http://www.nothingbutsharepoint.com/2013/05/02/understanding-sharepoint-csslink-and-how-to-add-your-custom-css-in-sharepoint-2010-aspx/
Problème d’ouverture de la page « News/Pages/newsarchive.aspx » pour des sites de type « portail »
Version de Sharepoint : 2013 Enterprise + Cu Octobre 2013
Erreur rencontrée
Après la création d’un portail d’entreprise SPSPortal#0, si on clique sur le lien « Archive de News » comme présenté ci dessous :
un message d’erreur apparait : The file ‘~masterurl/custom.master’ is not a valid master page.
Solution
Avec sharepoint designer 2013, remplacer l’url de la MasterPage du fichier News/Pages/newsarchives.aspx par <%@ Page language= »C# » MasterPageFile= »../_catalogs/masterpage/seattle.master »
Après ceci il faut archiver la page pour la rendre disponible.
