JS Link e SharePoint 2013 step by step

In questo post vediamo come modificare la visualizzazione lato client di oggetti SharePoint (ad es. webpart) per renderli più gradevoli e funzionali. Prendiamo ad esempio una classica task list:

SharePoint

Come si può vedere la percentuale di completamento è espressa da un campo numerico. Seguendo i seguenti step visualizzeremo lo stesso valore ma tramite un oggetto tipo progress bar.

Per prima cosa andiamo sulle impostazioni della site collection e carichiamo il nostro codice .js all’interno delle “pagine master e layout di pagina”:

SharePoint

Da file selezioniamo upload, quindi selezioniamo il file .js da caricare:

SharePoint

Come “Tipo di contenuto” selezioniamo “Codice modello di visualizzazione”:

SharePoint

Quindi possiamo modificare le proprietà della webpart inserendo nel campo “collegamento JS” il link al codice appena caricato:

SharePoint

Nel nostro caso abbiamo specificato il seguente link: “~sitecollection/_catalogs/masterpage/PercentComplete.js”. Di seguito si può vedere il risultato finale:

SharePoint

La procedura sopra evidenziata è stata testata su un sito SharePoint Online (Office 365).

Contattaci

La tua crescita parte da qui
Per maggiori informazioni

Contattaci

    Iscriviti alla newsletter

      Tematiche d'interesse