Si los iconos no aparecen cuando instanciamos componentes de Fabric UI, debemos inicializarlos en nuestro código una única vez, al inicio de cargar nuestra aplicación. Debemos importar el typing y llamar al metodo de inicialización: import { initializeIcons } from '@uifabric/icons'; initializeIcons();
Categoría: Client-Side
Microsoft Graph API – Syntax error: character ‘*’ is not valid at position 0
Error: { "error": { "code": "BadRequest", "message": "Syntax error: character '*' is not valid at position 0 in '*'.", "innerError": { "request-id": "aa4dd443-8100-46d4-8d3d-da83ac969266", "date": "2018-10-02T08:41:03" } } Posible Motivo: Estamos utilizando una de las variables que aparece en la documentacion, por ejemplo 'search' de este modo: https://graph.microsoft.com/v1.0/sites?$search=* Solución: Utilizar la variable directamente mediante su nombre, …
Sigue leyendo Microsoft Graph API – Syntax error: character ‘*’ is not valid at position 0
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 -> …
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 …
Asignar Enum por su índice en Typescript
Podemos asignar el valor de un Enum a nuestro propio Enum a través de su índice. Por ejemplo, si recibimos un valor de un Enum y lo tenemos que mapear a nuestro propio objeto, tan solo debemos especificar que lo que recibimos es un número y automáticamente se asignara a ese mismo número en nuestro …
Iterador FOR en Typescript (FOR IN vs FOR OF)
El bucle FOR de Typescript nos permite utilizar en cada iteración tanto el índice como el elemento de la lista de objetos. FOR ... IN El iterador For-In nos dará el índice en el que nos encontremos: for (let index in myObjects) { //En cada iteración tendremos el índice en la variable "index" //("0", …
Formatear una fecha en AngularJS
Si tenemos una fecha a mostrar, por ejemplo: {{item.ItemDate}} Podemos formatearla como queramos mediante: {{item.ItemDate | date: 'dd/MM/yyyy HH:mm'}} Hay una descripción completa de todas las opciones de formato en la documentación de Angular: https://docs.angularjs.org/api/ng/filter/date Adjunto aqui también ese listado: 'yyyy': 4 digit representation of year (e.g. AD 1 => 0001, AD 2010 => 2010) 'yy': 2 …
Mostrar un elemento en funcion de un valor en AngularJS
Podemos mostrar u ocultar un elemento utilizando una función personalizada para poder realizar todas las comprobaciones que necesitemos para tomar una decisión. Ejemplo: Tenemos una tabla y queremos mostrar un elemento (por ejemplo, un icono) en cada fila solo en el caso en el que la propiedad "itemDate" del item es la fecha de hoy. …
Sigue leyendo Mostrar un elemento en funcion de un valor en AngularJS
Filtrar items en funcion de un valor externo en AngularJS
Si tenemos una lista/tabla de elementos y queremos aplicar un filtro dependiendo de un valor externo a esa lista/tabla (por ejemplo un dropdown), podemos crear nuestro propio filtro a aplicar. Ejemplo: Filtrar Items de una tabla en funcion de un dropdown Paso 1: Crear el dropdown con el filtro Accion 1: Crear los valores del dropDown …
Sigue leyendo Filtrar items en funcion de un valor externo en AngularJS
Lo De SharePoint 