Guardar traducciones del título y descripción de listas en SharePoint via REST API (SPFx, Batch y alternativa ProcessQuery)

Registrar traducciones para el título y la descripción de una lista es bastante sencillo por CSOM a través del comando: list.TitleResource.SetValueForUICulture("en-US", "TITLE_IN_ENGLISH"); Para que estos cambios funcionen es necesario hacer los SETs y ejecutar un UPDATE. Sin el update nunca se guardarán las traducciones, por lo que si llamamos por REST al endpoint SetValueForUICulture no …

Sigue leyendo Guardar traducciones del título y descripción de listas en SharePoint via REST API (SPFx, Batch y alternativa ProcessQuery)

Obtener y filtrar listas de SharePoint en SPFx con @pnp/sp

Con la libreria SP de PNP podemos obtener facilmente las listas de un site de SharePoint y filtrarlas, un ejemplo de una función que podemos incluir en nuestro código y reutilizarla en función del contexto. Primero deberéis instalar la librería @pnp/sp import { Web } from "@pnp/sp"; const getLists = async(webUrl: string, selectProperties: string[], expandProperties: …

Sigue leyendo Obtener y filtrar listas de SharePoint en SPFx con @pnp/sp

Añadir estilos en un WebPart SPFx para los temas de Teams (Default, Dark, High Contrast)

Primero debemos añadir un bloque de código a ejecutar en el inicio de nuestro componente que se encargará de añadir un parametro que nos permitirá identificar en que tema estamos. Utilizaremos el contexto actual (puede ser this.context, this.props.context, props.context... dependiendo de cómo desarrolleis el componente). En mi caso trabajamos con React Function Components, y pasamos …

Sigue leyendo Añadir estilos en un WebPart SPFx para los temas de Teams (Default, Dark, High Contrast)

Llamar a una función asíncrona dentro del hook useEffect en React Function Components

Si habéis intentado llamar a una función asíncrona dentro del hook de useEffect es posible que os hayáis encontrado con un error que no os lo permite: Argument of type '() => Promise<void>' is not assignable to parameter of type 'EffectCallback'. El error aparece al intentar añadir el "async", pero no se puede asignar la …

Sigue leyendo Llamar a una función asíncrona dentro del hook useEffect en React Function Components

Configurar Microsoft Graph API en SPFx

Primer paso: Añadir el recurso en package-solution (Resource y Scope): { "$schema": "https://dev.office.com/json-schemas/spfx-build/package-solution.schema.json", "solution": { "name": "spfx-package", "id": "8s13d6v9-d221-468d-22e4-2d207b966cd2", "version": "1.0.0.0", "includeClientSideAssets": true, "skipFeatureDeployment": true, "webApiPermissionRequests": [ { "resource": "Microsoft Graph", "scope": "User.ReadBasic.All" } ] }, "paths": { "zippedPackage": "solution/spfx-package.sppkg" } Segundo Paso: Aprobar los permisos desde el Admin Center de nuestro tenant (Advanced -> …

Sigue leyendo Configurar Microsoft Graph API en SPFx

Subir Fichero en SharePoint Online desde SPFx via JSOM (React + Typescript)

Podemos subir un fichero (Hasta un máximo de 2Mb) desde nuestro Client WebPart en SharePoint Framework a través de JSOM. Para ello debemos añadir un fichero, procesarlo e incluirlo en la librería, siguiendo estos pasos:   Debemos obtener el fichero que queremos subir, ya sea mediante alguna librería de terceros (como dropzone.js) o con un …

Sigue leyendo Subir Fichero en SharePoint Online desde SPFx via JSOM (React + Typescript)

Subir Fichero a una Carpeta en SharePoint Online desde SPFx via JSOM (React + Typescript)

Para saber como subir un fichero a una librería de SharePoint podéis seguir el anterior post donde se explica paso a paso: Subir Fichero en SharePoint Online desde SPFx (React + Typescript) Para subirlo al Root Folder hacemos: let fileToUpload = docs.get_rootFolder().get_files().add(fci); Si queremos subirlo a una carpeta, podemos simplemente navegar hasta ella antes de añadir …

Sigue leyendo Subir Fichero a una Carpeta en SharePoint Online desde SPFx via JSOM (React + Typescript)