WebPart

Escenario:

Supongamos que queremos mostrar los elementos de una lista de enlaces y, para ello queremos hacer uso de un Content Query Web Part (CQWP) por las posibilidades que éste nos da.

En la lista, por ejemplo, tendremos dos enlaces con los siguientes campos:

• General de Software
• Link: http://www.gsc.es
• Descripción: General de Software
• Turismo de Canarias
• LInk: http://www.turismodecanarias.com
• Descripción: Turismo de Canarias

Con esto, esperamos obtener el siguiente resultado:

En este artículo quiero comentar cómo insertar código Javascript en nuestra página de un sitio de SharePoint desde la interfaz web de usuario, es decir, sin tener que editar el propio código de nuestra página.

Escenario:

Supongamos que creamos una página en nuestro sitio de SharePoint (del tipo que sea) y, el autor de contenidos encargado de esa página, quiere poder añadir, eliminar, modificar cierto código Javascript de una forma totalmente autónoma sin necesidad de tener que llamar al desarrollador para que haga las modificaciones en el código HTML de la página.

En estos días, hemos necesitado personalizar un XsltListView WebPart correspondiente a una lista. La solución la encontramos en un artículo en inglés y quería compartirlo traducido para aquellos a los que les cueste encontrar soluciones en inglés.

Pasos a seguir:

1. Crear una nueva página de WebParts.
2. Añadir WebPart de lista correspondiente a la que quieras personalizar.
3. Salir de la edición.
4. Editar WebPart para añadir las columnas específicas que desees ver como resultado.
5. Abrir la página con SharePoint Designer 2010.
6. Seleccionar el WebPart, con lo que en la Ribbon aparecerá el tab “Design” (Diseño).
7. Seleccionar ‘Customize Xslt’ > ‘Customize Entire View’.
8. Cambiar a la vista de código, con lo que se verá un nuevo nodo con el código Xslt añadido al WebPart.
9. Buscar ‘mode="Item"’. Esta es la plantilla principal que gestiona la renderización de cada fila.
10. En esta plantilla, buscar <xsl:for-each select="$Fields">. Este bucle se encarga de hacer las llamadas a las plantillas que necesarias para renderizar los campos de cada fila.
11. Eliminar u Ocultar el bucle y añadir el HTML personalizado antes del mismo.
12. Recordar verificar los cambios en el navegador.
13. Al tiempo que nos hemos desecho del bucle Xslt For-each, también podemos eliminar las plantillas correspondientes a los campos, pero como puede resultar engorroso… no pasa nada por dejarlas.
14. Una vez tengamos la visualización deseada, hay que copiar el código xslt en un nuevo fichero, por ejemplo “mylistview.xslt” y guardarla en un lugar adecuado.
15. Ahora, podremos crear una nueva página y añadir el Web Part de lista tal y como hicimos en el paso 2.
16. Editar el WebPart y en la y enlazar el fichero “mylistview.xslt” desde el XSL Link de la sección Miscellaneous.
17. Guardar cambios y… ¡Listo! ya tenemos nuestro XsltListView WebPart personalizado.

Fuente Sandeep K Nahta

Escenario:

Supongamos que tenemos un Sitio de Publicación de SharePoint 2010 en el que hemos creado diferentes variaciones correspondientes a los idiomas inglés, español, italiano y alemán. Necesitaremos mostrar los diferentes idiomas de alguna forma para que el usuario que navega por el sitio pueda seleccionar el que más le convenga.

Solución:

Para dar solución a esta situación, propongo la creación de un control de usuario de SharePoint con Visual Studio 2010 cuyo funcionamiento sea el siguiente.