11 search results for "SPFX"

I usually use PnP JS to make my calls in a SPFx Webpart, this is a great framework, you can expand lookup fields simple and clean. The problem is you cannot use Project Fields in order to query 2 levels, let’s start with an example: In this case you are expanding Title from Workshop and Id from Participant, what about if Workshop have a relation with a City List? in this case you have to use projected fields to query a List from another List Projected Fields From Microsoft, an example I’m exploring a framework CamlJS from Andrei Markeev in order to smooth the user experience in TypeScript in a ReactJs WebPart. This framework was originally developed for JavaScript, so I ended up with some problems. First the result of the Caml Query add a perfix to the Object as you can see here $N_1 is the View and $o_1…

Read more

.gitignore file .npmignore file

This article will help you to create a SharePoint WebPart using the new Framework SPFx and the PnP JS Core. My first though was how populate my PropertyPaneDropdown in the Properties Panel. After some research, there is and Interface, the IPropertyPaneDropdownOption that must be imported from the preview of ‘@microsoft/sp-client-preview’ This is great because you can populate OnInit before the DOM render. The other big deal is CRUD among Typescript. SPFx is flexibly enough to use your favorite Framework, but the preferred is React. All source code is in my Repository on GitHub, if i need help somehow please, comment here or Clone my project for SPFx demos CLONE INSTRUCTIONS https://github.com/jtlivio/jl-spfx-project-webparts DEMO

I just recently upgrade node.js on Linux for version v6.6.0, so all my #SPFx webparts stoped working, try to run the command bellow, worked for me @OfficeDev #SPFx-webparts Finally

Recently Microsoft released a the preview version of SPFx, as Microsoft say: “The SharePoint Framework is a Page and Part model that enables client-side development for building SharePoint experiences. It facilitates easy integration with the SharePoint data, and provides support for open source tooling development.” I’ve been use it in windows 10 1670, but in Linux also. This Though, mini Article is a way to provide my experience and some suggestions for you. In my case I use Hyper-V with a VM for 1 processor and RAM defined for max (6GB) Install Lubuntu, its lite and very user friendly. It’s based on Ubuntu but have a lite UI (LXDE). For me the main problem was with the VM Screen resolution, for accomplish this, just run Change this line TO (in my case 1366×768) Then Save and restart At this time, you must follow some procedures in the LXTerminal Install node.js…

Read more

Error If you are using still version 11.1 of SPFx you may fall in this error when running This is because you don’t have the right versions of Gulp and Yeomen Uninstall Install Try again

Wo doesn’t fall in Gulp erros, especially with: You may fall in this issue, no? 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. There is some workarounds to this like: Or in some especifique cases you have to delete the <homedir>/.gcb-serve-data folder but I´m going to give a live example. First of all I use PnP SPFx Yeoman generator, it’s pretty cool! Quoting This Yeoman generator provides improved governance for SharePoint Framework projects. It extends the out of the box Yeoman generator from Microsoft (@microsoft/generator-sharepoint) with recommended patterns and additional capabilities.For an optimized development workflow, it extends the capabilities for ReactJS, and Knockout projects and support for additional frameworks, such as HandlebarsJS, VueJS, Aurelia and Angular Elements. It also includes includes advanced code analysis and testing tools, which…

Read more

Summary If you have purely Yes/No tasks in order a Workflow to run then continue what it’s suppose to do, this is maybe something You’ll search. Don’t forget PnP JS save you large amount of lines of code, and is my recommend approach for Batching Calls. It Must run in the context of the Webpart, so you have to give him context. This code belongs to a Webpart with a ListView Control from the React PnP Controls and PnP Reusable property pane controls for the SharePoint. I didn’t create any Data Model Interface, that’s why I’m using Object.Keys and JSON.stringify from the REACT State. Loading property is for the UI Fabric Spinner. Installation I’m using SPFx version 1.8.2 PnP JS https://pnp.github.io/pnpjs/ PnP React Controls https://sharepoint.github.io/sp-dev-fx-controls-react/ PnP Property Controls https://sharepoint.github.io/sp-dev-fx-property-controls/ The Web Part Properties and State Putting all together with PnP Property Controls REACT Component The Properties SCSS File TSX File…

Read more

Today we live in a world of of “Services”, The real deal is have focus on a Service and integrate our products. Microsoft AZURE It’s a really example of this new way of making global deals, innovate, learn and execute..

Read more

“It seems like H6 is the only rule written in uppercase. Renaming the file to lowercase fixes the bug.” https://github.com/SharePoint/sp-dev-docs/issues/246#issuecomment-255311473