TechNet and Community Tour Dynamic IT: 29 Giugno a Milano. TechNet and Community Tour - Dynamic IT

Transcript

1 TechNet and Community Tour Dynamic IT: 29 Giugno a Milano

2 SharePoint Branding Barbara Falchi Green Team

3 Barbara Chi sono Sono SharePoint Specialist per Green Team e greenteamiana da una vita Sono MCTS per SharePoint 2007 Sono titolare della cattedra dei corsi Intensive SharePoint for Site Builders Sono fra i fondatori di SharePoint Community Blog:

4 Agenda Concetti di base: Branding e Design nel 2010 Upgrade della master page Ma quali e quante master pages? Creare una Master Page da zero I nuovi temi

5 Le opzioni BRANDING & DESIGN: CONCETTI DI BASE

6 (Site) Building PERSONALIZZAZIONE Nessuna Leggera Moderata Elevata Master page predefinita (v4.master) Tema predefinito

7 (Site) Building PERSONALIZZAZIONE Nessuna Leggera Moderata Elevata Master page predefinita (v4.master) Tema custom

8 (Site) Building PERSONALIZZAZIONE Nessuna Leggera Moderata Elevata Master page custom Tema o CSS custom

9 (Site) Building PERSONALIZZAZIONE Nessuna Leggera Moderata Elevata Cambio di destinazione d uso Intervento DEV

10 (Site) Building Ma se avevamo già fatto tutto nel 2007?

11 Migrare da Moss 2007 a SP 2010: sogno o realtà? Migrare a SharePoint Server 2010: Sarà migrato tutto il contenuto Non necessari cambiamenti a contenuti o branding UI SharePoint 2007 / 3.0 mantenuta Master Pages e Page Layouts mantenuti Migrazione manuale alla UI SharePoint 2010 Server Ribbon, nuovo Site Settings, controlli navigazione

12 Recap: Migrazione della Master Page I Rimozione dei controlli 2007: Publishing Console, Site Actions, Login Aggiunta del Ribbon Aggiunta di 3 nuovi controlli di SP2010: DON T PANIC Leggiamo i messaggi d errore ScriptManager (dentro il tag FORM, prima del Ribbon): <asp:scriptmanager id="scriptmanager" runat="server" EnablePageMethods="false" EnablePartialRendering="true" EnableScriptGlobalization="false" e correggiamo EnableScriptLocalization="true" /> SPPageManager (nel tag HEAD) <SharePoint:SPPageManager runat="server" /> ScriptLink (nel tag HEAD) <SharePoint:ScriptLink defer= "true" runat="server"/> Yes We Can

13 Ma quali/quante Master Page? Site Master Page System Master Page (ora può essere applicata anche alle pagine applicative (_layouts)) Application.master Simple.master (per login e errori)

14 Tip & Trick: Dialog Box Utilizza la System Master Page Per nascondere gli elementi che non vogliamo appaiano nella finestra di dialogo è sufficiente aggiungere una classe ccs all elemento in questione: <div class="s4-notdlg">

15 E SE PARTO DA ZERO?

16 Creare una Master Page dalle basi Non si parla più di Minimal Master Page (2007) ma di Starter Master Page Esiste una Minimal Master Page disponibile con il deploy di SharePoint ma che è pensata per pagine che richiedono molto spazio (senza ingombri di ribbon, etc) plex.com/

17 I Temi In Wss 3.0 Si basavano completamente sulla natura a cascata dei Css Il tema.css conteneva delle definizioni alternative per le classi che facevano l override degli stili predefiniti Dipendevano da un controllo sulla master page che referenziava il css associato al tema (N.B. Se le custom master page non avevano il controllo, il tema non si applicava)

18 I Temi in SharePoint 14 Funzionano sia in ambito SharePoint Foundation che SharePoint Server Rappresentano un modo rapido e facile per applicare colori (immagini comprese) e caratteri a un sito SharePoint senza necessità di competenze in css (e html) Usano la stessa struttura ed estensione (.thmx) dei temi degli applicativi Office (12 e 14). Lato utente si applicano alla vecchia maniera (UI) ma la logica sottostante è cambiata ed è stato abbassato il livello di competenze necessarie a modificarlo Il motore di theming lavora in background al caricamento della pagina combinando il css di default con le impostazioni del tema scelto Theme Gallery Anteprima + possibilità di applicarli ai sottositi

19 Riepilogando Cambiata totalmente la logica sottostante Il supporto dei temi non dipende più da un coltrollo sulla master page e non comporta più un override di Css L applicabilità di un tema dipende dalla struttura del css applicato e dal suo supporto degli attributi e delle variabili dei temi I temi modificano solo colori, font e colori delle immagini Gli stili in linea non sono skinnabili con i temi Per creare un nuovo tema: Si può partire da un tema esistente modificandolo da UI Power Point e upload del tema nella nuova Theme Gallery

20 Questions and Answers

21 Grazie! Non dimenticare di compilare i moduli di Feedback!