Office 365: Conneting Out of the box modern WebParts in SPO (I)!

As happens with classic WebParts in SharePoint Online (SPO), Microsoft is starting to roll out the ability to connect modern WebParts. In fact, currently it’s possible to connect the following out of the box modern WebParts:

  • The List WebPart and the List properties WebPart.
  • The Document Libray WebPart and the List Properties WebPart.
  • The Document Library WebPart and the File Viewer WebPart.

Let’s see how we can connect a Document Library WebPart and the File Viewer WebPart. First thing we have to do is just to add both WebParts in a modern SPO page:

Then, to connect both WebParts we need to open the setting panel for the File Viewer WebPart. As you can see in the screenshot bellow, the option to connect that WebPart with the Document Library one is a little bit hidden. You need to click on the “…” on the settings panel so the “Connect to source” option shows up:

Once we clic on that option, the connection settings are displayed:

Finally, we only need to check that the connection between both WebParts works so when we select a file in the Document Library WebPart, that file is shown in the File Viewer WebPart.

Office 365: Conexiones de WebParts Modernas por defecto de SPO (I)!

Al igual que sucede con los WebPart clásicos de SharePoint Online (SPO), Microsoft está empezando a proporcionar la posibilidad de poder conectar WebParts modernos. En concreto ahora mismo (mayo de 2019) tenemos la posibilidad de conectar WebParts como:

  • WebPart de Lista y WebPart de Propiedades de Lista.
  • WebPart de Biblioteca de Documentos y WebPart de Propiedades de Lista.
  • WebPart de Biblioteca de Documentos y WebPart de Visor de Archivos.

A efectos prácticos, vamos a ver como conectar los WebParts de Biblioteca de Documentos y de Visor de Archivos. Lo primero que tenemos que hacer es añadir ambos WebParts en una página moderna:

image

A continuación, para conectar los dos WebParts tendremos que hacer uso de las opciones de configuración del WebPart de Visor de Archivos que permite conectarse a otro WebPart. Tendremos que abrir el panel de configuración de este WebPart y hacer clic en “…” para que se muestre la opción de “Connect to source”:

image

En cuanto hacemos clic en esa opción, se muestra el panel de configuración de la conexión:

image

Finalmente solo tenemos que probar que la conexión funciona y que al seleccionar un archivo se muestra el mismo en el Visor de Archivos.

image