Utilisation de jQuery pour modifier les pages application.master dans SharePoint

Question

Nous utilisons MOSS 2007 (SharePoint) pour notre intranet. Récemment, nous avons été chargés de soutenir la stratégie de marque de plusieurs entreprises de notre ferme. Nous nous sommes vite rendu compte que les pages d’application (produites par un application.master modifié) ne pouvaient pas servir plusieurs modèles de marque (autres que des thèmes).

Je pense que le bon correctif consiste à conserver la stratégie de marque par défaut de Microsoft sur les pages d'application (nous travaillions déjà sur cela dans dev - aucune modification des fichiers hébergés sur le serveur).

Cependant, comme solution rapide, je pensais pouvoir utiliser jQuery pour remplacer un logo, quelques images de navigation et quelques couleurs sur les pages de l'application. Aller de la marque A à la marque B avant que la page ne soit entièrement rendue.

Ma question est ... quelle est la mauvaise idée de cette idée? Quels sont les pièges associés à cela? Étant donné qu'il ne s'agit que d'une solution provisoire, devrais-je l'essayer?

Answer 1

Je pense que la plupart de vos problèmes peuvent être résolus avec un bon fichier CSS. C'est mieux que javascript, selon mon expérience, car il se charge beaucoup plus rapidement. N'oubliez pas que SharePoint génère des pages lourdes (selon le DOM), jQuery met donc beaucoup de temps à se rendre à $ (document) .ready et encore plus de temps à manipuler ce DOM surdimensionné - sur IE6. Cela peut prendre plusieurs secondes et donner la même impression qu'un site ou un serveur lent.
J'ai effectué de nombreuses personnalisations de SharePoint à l'aide de CSS: cela peut prendre quelques odeurs ! Important , mais le résultat est meilleur que javascript.
De plus, rappelez-vous que vous pouvez définir un fichier CSS par site (sur la même page que vous définissez la page maître du sous-site) - ceci peut être utilisé au lieu de créer une page maître pour chaque marque.

Answer 2

Pour ajouter à la réponse de Kobi , vous pouvez utiliser une fonctionnalité de contrôle des délégués pour le déploiement.

Placez un contrôle utilisateur sous _controltemplates , tel que:

<%@ Control Language="C#" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Import Namespace="Microsoft.SharePoint" %>
<SharePoint:CssRegistration name="/_layouts/custom/app.css" runat="server"/>

Écrire la fonctionnalité de contrôle des délégués (voici elements.xml):

<?xml version="1.0" encoding="utf-8" ?>
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
 <Control ControlSrc="~/_ControlTemplates/CustomBranding.ascx"
                 Id="AdditionalPageHead" Sequence="1" />
</Elements>

Inclure le CSS personnalisé dans _layouts / custom / app.css .