Pop-Up dialogs en SharePoint 2010 - Parte 1
Una de las incorporaciones mas novedades en cuanto a interfaz gráfica sobre la version 2010 de SharePoint es el uso de Ajax. Esto lo podemos notar claramente en la interacción con listas y bibliotecas al mostrarse un Pop-up dialog cada vez que consultamos elementos.
Los pop-up dialogs resultan muy útiles y mejoran la interacción del usuario con SharePoint. Es posible emplearlos desde cualquier parte personalizando nuestras URLs.
Un artículo que explica muy bien lo que les comento es el siguiente: http://kyleschaeffer.com/sharepoint/sharepoint-2010-pop-up-dialogs/
Siguiendo las recomendaciones de dicho artículo, les mostraré como emplear los pop-up dialogs.
1. Lo que ven a continuación es una interfaz personalizada con SharePoint designer. Inclusive se han trabajado un par de webparts en la parte central.
2. Al dar clic sobre la URL de uno de mis anuncios, en vez de abrirse en el modo pop-up como lo tenemos desde nuestra lista comunmente, este se abre en una nueva página.
3. Para poder habilitar la característica de pop-up deberemos personalizar nuestra URL, para lo cual deberemos ingresar con SP Designer a nuestra página.
4. Debemos ubicarnos sobre la sección en donde especificamos la URL que construímos (Contaneado de la url del formulario de vista mas el ID del elemento actual).
5. Anteponer a la URL //<a href="BLOCKED SCRIPTOpenPopUpPage('http://miURL');">Mi URL</a>
En mi caso tuve que construir la URL y el resultado fue el siguiente:
<a href="BLOCKED SCRIPTOpenPopUpPage('{ concat('http://miportal.sharepoint.com/TeamSite/Lists/Anuncios/DispForm.aspx?ID=',@ID)}');" class="t_anuncios"><xsl:value-of select="@Title"/></a>
6. Finalmente el resultado esperado.
7. Por último, el artículo de Kyle Schaeffer nos recomienda especificar la clase "s4-notdlg" en todas las secciones que no deseemos que se muestren en nuestro pop-up dialog.
Por lo tanto especifiqué class="s4-notdlg" en los DIVs que deseaba que no se mostraran y el resultado fue el siguiente:
