Sharepoint 2010 - Aggiungere bottone al Ribbon con Sharepoint Designer 2010

-
Vediamo come aggiungere un bottone personalizzato al Ribbon di una lista o document library, utilizzando solo lo Sharepoint Designer 2010.

Apriamo il sito con SPD2010, nelle liste, selezionamo la lista che vogliamo utilizzare.
A fondo pagina, vediamo il blocco Azioni Personalizzate.


Non clicchiamo su Nuovo, ma facciamo un clic con il mouse all'interno del blocco e dal menu contestuale, scegliamo Azione Personalizzata.
Vediamo un menu a discesa con diverse opzioni:


La traduzione italiana pessima rende oscura l'interpretazione delle voci...
Provo a spiegarle.

Menu voci elenco: il bottone è visualizzato nel menu a tendina sull'item
Visualizza barra multifunzione modulo: il bottone è visualizzato nella scheda "View properties"
Modifica barra multifunzione modulo: il bottone è visualizzato nella scheda "Edit properties"
Nuova barra multifunzione modulo: il bottone è visualizzato nella scheda "New item"
Visualizza barra multifunzione: il bottone è visualizzato nel Ribbon contestuale per l'item selezionato

Farò l'esempio solo per il Ribbon, quindi selezioniamo la voce "Visualizza barra multifunzione".
Si apre la finestra di dettaglio per l'Azione personalizzata.


Come si vede propone tre azioni:

  • Passa al modulo: propone il reindirizzamento al modulo specificato (DispForm, EditForm, ecc)
  • Avvia Flusso di Lavoro: propone l'elenco dei WF ad avvio manuale associati alla lista
  • Passa all'URL: permette di inserire URL di redirect, ma anche e sopratutto chiamate Javascript!

Utilizziamo quest'ultimo campo, in cui scopriamo che possiamo definire un parametro associato all'Id dell'Item selezionato: è il SelectedItemId, ed è strettamente Case Sensitive!

javascript: alert('Custom Action on Item {SelectedItemId}');

Definiamo, inoltre, altre informazioni, tra cui ad es, l'icona da utilizzare.


Altre opzioni avanzate sono da studiare per bene, prima di utilizzare (ad es, Scheda.ID gruppo).
La maschera per i diritti dovrebbe consentire la definizione del livello di visibilità del bottone da parte di alcuni utenti.
L'ultima opzione "Numero di sequenza" è l'ordinamento all'interno del blocco Action del Ribbon.
Clicchiamo OK e il bottone viene salvato subito ed è subito visibile.

Apriamo il sito e selezioniamo la lista: vediamo il ribbon con il nuovo bottone, ma non cliccabile, poiché non abbiamo ancora selezionato un Item.


Selezioniamo l'item e vediamo il comportamento del Ribbon:

Il bottone è ora cliccabile! E che facciamo? Lo clicchiamo?


Notiamo alcune cose importanti.
Possiamo utilizzare il SelectedItemId e passarlo ad una application page, ad esempio. E tramite Object Model consumare l'informazione sull'item.
Possiamo utilizzare chamate Javascript in quel bottone!
Così abbiamo a disposizione tutte le funzioni di Sharepoint e richiamare quelle che interessano!

Vedrete in altro post, come utilizzare ad es. il comando per aprire MS Word con un template selezionato.

Buon lavoro!

Comments

  1. Giorgio Guerrieri10 January, 2012 14:37

    NOTA:

    Se si utilizza una web part con la lista che deve mostrare i custom button, questi saranno visibili solo se si imposta "Mostra Barra degli Strumenti Completa" nelle proprietà della Web Part.

    ReplyDelete

Post a Comment

Popular posts from this blog

Sharepoint 2010 - Enable/Disable Ribbon Button with EcmaScript

-
I show you a detailed example of how to enable and disable a ribbon button according to the current user’s group. The example uses “EnabledScript” attribute of the CommandUIHandler of the ribbon button. Then the EnabledScript is built with EcmaScript to find groups and user info. Lets Start with creating a Ribbon button first. 1. Create a empty project. 2. Deploy it as a Farm solution. 3. Right click on the feature and click “Add feature”. 4. Right click on the project and add a new “Empty Element” item. 5. Next add the below code to add a custom Ribbon button to your document library. <Elements xmlns=”http://schemas.microsoft.com/sharepoint/” > <CustomAction Id=”ButtonForGroupUsersOnly” Location=”CommandUI.Ribbon” RegistrationId=”101″ RegistrationType=”List” Title=”Owners Group Button”> <CommandUIExtension> <CommandUIDefinitions> <CommandUIDefinition Location=”Ribbon.Library.ViewFormat.Controls._children”> <Button Id=”Ribbon.L...
Read more

Sharepoint 2010 - Customizing Quick Launch with pages

-
Image
How to show different quick launch menu items in different pages? The quick launch in Sharepoint is an object common to all pages of the site. To show menu items according to the page you visited, I followed client side method with javascript (jquery). Here's how, using Sharepoint Designer 2010. On css stylesheet of the site, I added this instruction, which hides all the items in the Quick Launch: . s4-ql ul.root> li { display: none; } Then, make note of the position of the menu items in the quick lanuch: eg. 0 - Document Libraries 1 - Lists 2 - MyLink      0 - MySubLink1      1 - MySubLink2 3 - MyOtherLink 4 - MyLastLink The pages follows the following rules: Page1 shows 0,1,4 Page2 shows 0,2,3 Page3 shows 0,2 (and sub ​​links 1), 3.4 And now, I change the master.page, adding references to jquery and inserting the following code: //get all items in the quick launch var li_nav = $(".vertical-menu>ul>li"); //get...
Read more

Sharepoint 2010 - Migrate List-based Workflows between Sites and Site Collections

-
Thank you Gavinmckay, you saved me! From his blog:  http://gavinmckay.wordpress.com/2011/08/29/howto-move-or-migrate-sharepoint-2010-list-based-workflows-between-sites-and-site-collections/ I’ve experienced this issue a lot when trying to migrate workflows between test SharePoint 2010 farms and production farms, in particular with workflows attached to lists. When moving a workflow to another site collection or server farm, the association to the list is broken and the workflow cannot be attached to the list. You also cannot use SharePoint designer to fix this via the standard methods as the unattached workflow cannot be reattached to the list. List-based workflows are tied to three different lists – the “main” source list where the data is held (such as a Forms library or custom list), a task list, and a workflow history list. The latter in particular is tricky, because it is a hidden list and cannot be viewed via the normal interface. The fix for this is to modify the sou...
Read more