Your web part will not appear in the toolbox. Please make sure «gulp serve» is running in a web part project. Please refresh the page once «gulp serve» is running.

Error: Your web part will not appear in the toolbox. Please make sure "gulp serve" is running in a web part project. Please refresh the page once "gulp serve" is running. Este error suele aparecer la primera vez que intentamos probar nuestra solución SPFx. La mayoría de las veces ocurre porque no hemos instalado el …

Sigue leyendo Your web part will not appear in the toolbox. Please make sure «gulp serve» is running in a web part project. Please refresh the page once «gulp serve» is running.

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)

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

Script Editor Web Part para Modern Pages en SharePoint Online

Para todos aquellos que hemos trabajado con Script Editors en SharePoint Online veremos que ya no tenemos esa opción en el nuevo diseño de Microsoft basado en React. Podéis encontrar su equivalencia en el propio GitHub de Microsoft que "devuelve" este componente para los Modern Sites: https://github.com/SharePoint/sp-dev-fx-webparts/tree/dev/samples/react-script-editor La solución ha sido creada por Mikael Svenson, …

Sigue leyendo Script Editor Web Part para Modern Pages en SharePoint Online

Edit SharePoint Page By URL

If we couldn't acces to the menu item "Edit Page" for any reason and we want to edit that page (e.g. to remove some webpart that blocks our page) we've to add one parameter at the end: contents=1 Then, the URL would be like this: http://misyte.com/mysubsite/Pages/default.aspx?contents=1 By dong this we'll access to a standard SharePoint …

Sigue leyendo Edit SharePoint Page By URL

Crear WebPart para SharePoint en Visual Studio 2010

Para crear un WebPart con código y añadirlo después a una página de SharePoint debemos seguir estos pasos: 1. Creamos un nuevo proyecto en Visual Studio 2010 a partir de la plantilla "Elemento web visual" (Visual WebPart). Cuando nos pregunte sobre el sitio que deseamos usar para la depuración, seleccionamos nuestro Sitio. 2. Dentro del …

Sigue leyendo Crear WebPart para SharePoint en Visual Studio 2010