SharePoint 2010: Apertura de ventanas modales y páginas desde acciones personalizadas (I)!

Hace bastante tiempo hablaba sobre como podemos crear acciones personalizadas para la Ribbon de una lista, de un formulario de lista o bien el menú contextual de elemento utilizando SharePoint Designer 2010 (SPD 2010) para ello. En este post vamos a ir un paso más allá y ver como mediante esas acciones personalizadas podemos incluso aprovecharnos del framework e ventanas modales de SharePoint 2010:

  • En SharePoint Designer 2010, nos vamos a la sección Listas y Bibliotecas (Lists and Libraries) y pulsamos sobre una de las listas disponibles. Por ejemplo, pulsamos sobre la lista por defecto de tipo “Anuncios”.
  • En la Ribbon de la página de resumen de la lista pulsamos sobre “Custom Action -> List Item Menu”.
  • En la ventana que se abre, especificamos los parámetros relativos a la acción personalizada:
    • Nombre: “Ayuda”.
    • Descripción: “Mostrar la ayuda de la lista”..
    • Como tipo de acción, elegimos “Naviage to Url” y es aquí dónde viene la clave para la apertura de una ventana modal ya que especificaremos lo siguiente:
   1: javascript:SP.UI.ModalDialog.showModalDialog({url:"/_layouts/help.aspx", title: "Ayuda" }); return false;

  •  
    • Si quisiéramos hacer lo mismo para una acción de la Ribbon de lista, el código JavaScript cambia ligeramente:
   1: javascript:SP.UI.ModalDialog.showModalDialog({url:'/_layouts/help.aspx',dialogReturnValueCallback: function(dialogResult, returnValue) { SP.UI.ModalDialog.RefreshPage(SP.UI.DialogResult.OK) }})

 

image image image
  •  
    • Especificamos la Url de la imagen asociada a la acción, un número de secuencia y una máscara de permisos si es necesario.
  • Pulsamos OK para guardar las configuraciones. Comprobamos que la acción se ha añadido en la correspondiente sección de acciones.
  • Comprobamos que la acción se muestra en el menú contextual del elemento.
image image image
  • Comprobamos que la acción que funciona como se espera:

image

Fuente: http://blog.lekman.com/2010/08/custom-sharepoint-context-action-links.html

Publicado por

Juan Carlos González

Juan Carlos es Ingeniero de Telecomunicaciones por la Universidad de Valladolid y Diplomado en Ciencias Empresariales por la Universidad Oberta de Catalunya (UOC). Cuenta con más de 12 años de experiencia en tecnologías y plataformas de Microsoft diversas (SQL Server, Visual Studio, .NET Framework, etc.), aunque su trabajo diario gira en torno a SharePoint & Office 365. Juan Carlos es MVP de Office Servers & Services desde 2015 (anteriormente fue reconocido por Microsoft como MVP de Office 365 y MVP de SharePoint Server desde 2008 hasta 2015), coordinador del grupo de usuarios .NET de Cantabria (Nuberos.Net, www.nuberos.es), co-fundador y coordinador del Grupo de Usuarios de SharePoint de España (SUGES, www.suges.es), así como co-director de la revista gratuita en castellano sobre SharePoint CompartiMOSS (www.compartimoss.com). Hasta la fecha, ha publicado 8 libros sobre SharePoint & Office 365 y varios artículos en castellano y en inglés sobre ambas plataformas.

6 comentarios en “SharePoint 2010: Apertura de ventanas modales y páginas desde acciones personalizadas (I)!”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *