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 …
Etiqueta: webpart
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 …
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 -> …
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 …
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