Pages

Wednesday, July 20, 2011

Sharepoint 2010, come deploiare in maniera smart: Css e jQuery

In tutte le master page di default in un sito Sharepoint 2010 esiste il seguente delegate control:

<SharePoint:DelegateControl runat="server" ControlId="AdditionalPageHead" AllowMultipleControls="true"/>



Seguendo il link potete leggere dalle msdn cos’è un delegate control.
Velocemente, un delegate control è una feature di Sharepoint tramite la quale diciamo ad ASP.NET di trovare un determinato blocco di codice (il delegate control appunto) e inserire il nostro codice custom.
E’ un modo semplice e smart per inserire i nostri blocchi di codice senza bisogno di modificare le master page.
Realizzarne uno è molto semplice:
Creiamo un nuovo progetto empty (io ho scelto una soluzione non sandbox):







Empty sharepoint project

Inseriamo la folder mappata Controltemplates:







ControlTemplates mapped folder

Aggiungiamo uno User Control dentro la folder mappata:







Use a user control

Inseriamo tutti i riferimenti del caso:







Insert the list of js and css do you need on your page

ultimo tocco, aggiungiamo un riferimento:







Select and Empty Element item

e specifichiamo che è un delegate:


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



il risultato sarà questo:







What we will have

Una volta deploiato e attivato sul nostro sito, verranno aggiunti automaticamente i riferimenti a jQuery e ai Css inserti nello User Control.
Ciao

No comments:

Post a Comment