Questions tagged [spfx-webparts]

Technical questions about building and using web parts based on the SharePoint Framework client-side development model.

Filter by
Sorted by
Tagged with
4
votes
1answer
1k views

Using ADAL with SharePoint Framework

I've setup a web part with SharePoint framework that requires access to the Microsoft Graph for displaying the recently used files. I've followed the instruction here: https://github.com/SharePoint/...
4
votes
1answer
462 views

Moving from CEWP to SPFx - import fabric components

Been struggling with this for the past few days. I am quite new to Sharepoint development. Got my head around CEWP and was using office-ui-fabric-js components with code samples from here. I am now ...
3
votes
2answers
226 views

Is it normal that SPFx Webpart folders are huge

I've started experimenting with SPFx and going through the tutorials. One thing I realized is that the web part folders are enormous in size. Is this normal? The basic HelloWorld folder created by ...
3
votes
1answer
2k views

What is difference between SharePoint Framework (SPFx) Extensions and SharePoint Framework (SPFx) Web PART

I have started working on SharePoint Online. Where I have to use SPFX. What is the Difference between SharePoint Framework (SPFx) Web Part and SharePoint Framework (SPFx) Extensions
3
votes
2answers
560 views

SPFx - WebPart error after upload in SPOffice365

When i upload my web part in app catalog, after install in dev site. I have following error: How to solve this problem?
3
votes
1answer
2k views

How to deploy SPFx web parts on SP 2016 on prem?

I am working on a development environment on SP 2016 on prem with feature pack 2. I have created a "Hello world" web part following this example. I am trying to deploy the SPFx web part to a classic ...
3
votes
2answers
2k views

How to make a POST call to Microsoft Graph in SPFx (using MSGraphClient)?

I have difficulties to find code samples of POST calls, using the MSGraphClient. The only one I find is using the already deprecated graphHTTPClient ( https://docs.microsoft.com/en-us/sharepoint/dev/...
3
votes
1answer
3k views

How to add new webpart to an existing spfx project

I have an existing sharepoint framework (SPFX) project. Now I want to create a custom search web part. So how can I add a new webaprt to existing solution PS: I am very new to SPFx. TIA
3
votes
2answers
6k views

Get current user profile details in spfx

How to get current user profile details using plain Typescript in SharePoint framework. I am not using JSOM or csom.
3
votes
2answers
3k views

Download attachment of item in list using REST API in SPFx

I have a custom list on sharepointonline, and I have attached a file (myfile.txt) to an item (itemid=5). How can I download this attachment? I am able download the file with this button: <a type="...
3
votes
2answers
1k views

Tutorial 4 of SharePoint SPFx Tutorials: Error configuring web part to load from CDN

i have followed HelloWorld, Deploy to CDN and until "Configuring web part to load from CDN" everything worked; i have updated the "cdnBasePath" in "write-manifests.json" as described, and continued ...
3
votes
2answers
238 views

SPFx: breaking out of the ClientSideWebPart CanvasZone

In Classic SharePoint days I would break out the CEWP (or do it straight from a UCA-ScriptLink) and add content to the DOM or even replace the whole s4-workspace Do I (each CSWP) now have to stay ...
3
votes
1answer
92 views

SPO updates impact on SPFX components

Does Microsoft guarantees that web part/extensions built using SPFX won't be impacted by SPO updates ? I need to build an application with some pages that will be rich html and consumes API's like ...
3
votes
1answer
3k views

Unable to load `/temp/manifests.js` on https

On my SharePoint 2016 on-premise development site workbench, to load my SPFx webpart in the config\server.json I have set the "https": false. My development site loads on http and in my browser ...
3
votes
1answer
2k views

Script to add SPFx webpart to a classic page using PnP Powershell

I have to run a Powershell script that creates a Site Collection App catalog , then add an SPFx webpart to it and publish it. Also it has to install it in the site. I have done upto this part. Last ...
3
votes
2answers
549 views

SharePoint Online SPFx Apps: Why use a CDN for assets, why not simply use the SiteAssets library?

Why do the SPFx tutorials configure a library or a folder in an library as a CDN to host assets like scripts, images etc? I mean what is the technical difference to hosting the assets in the ...
3
votes
2answers
256 views

SP16 On-Premise - SPFx web parts or Classic web Parts?

My company has need to migrate web parts from SP07 to SP16 On-Premise. It is clear that all the logic from the old web parts will be written from the beginning. My question is what decision we ...
3
votes
2answers
5k views

How to make Pnp function async in spfx framework

I need to get data from a function as below. GetServiceListData():any { var resultData; pnp.sp.web.lists.getByTitle('Test').items.select('Title,FullName,DOJ,ManagerName/Title').expand('...
3
votes
1answer
816 views

How to Provision Workflows with SharePoint Framework

I'm shifting my development to SharePoint framework now and have met with this problem. How do I deploy/provision a workflow to SharePoint Online using SharePoint Framework Client Web part. I couldn'...
3
votes
3answers
216 views

Share “node_modules” folder between webparts

Here is my scenario: I have 7 different webparts In order to have more control over the projects, I have split them in different projects All of the projects were created using the Yeoman installer ...
3
votes
1answer
2k views

spfx context undefined

in my react component i use msgraph but i get the message "cannot read property 'context' of undefined" My code: this.context.msGraphClientFactory .getClient() .then((client: ...
3
votes
1answer
972 views

SharePoint Online REST - The HTTP header ACCEPT is missing or its value is invalid

I am building an SPFX web part and trying to get data from a list using REST. Don't want all that noise returned so trying to use odata=nometadata. I've read this and this and plenty of other sites ...
3
votes
4answers
2k views

Add jQuery in Client Web part (SPFX)

I am following a tutorial from Microsoft docs and trying to import jQuery files into my client web part but getting error. https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/...
3
votes
3answers
1k views

SPFX- Array.prototype.diff - (TS) property “diff” does not exist on type 'any[]'- es6 issue?

I have some code that takes a SP List item column (a news article tagged to one or more choice categories) and want to show that to users who have a user profile property with one or more categories ...
3
votes
1answer
717 views

SharePoint framework property pane data

Where the data of SharePoint framework property pane is saved.? Can't we access it directly? Also if we have deleted a instance of our app from the page, the property pane data gets deleted ...
3
votes
4answers
5k views

A different version of this App is already installed with the same version number

This is the error message when I try to upload spfx webpart, nothing wrong webpart because I can upload it to new created site, but cant replace with existing one. how can I resolve this?
3
votes
3answers
1k views

How I can upload a App from Sharepoint Framework?

I am trying to upload a app generate with SharePoint Framework to the App Catalog of my SharePoint, but when I upload it, it don't recognize how a valid package and I can't add this app to my ...
3
votes
1answer
2k views

Passing a property to a child component

I am continuing to learn about the various frameworks we can use with SPFX. I have stumbled upon a problem, which according to various websites out there it should work, so I'm sure the problem is a ...
3
votes
1answer
2k views

Creating a custom Property Pane Field

I'm trying to create a custom property pane field to allow the user to configure a list and then a list view to be used by the web part. I followed the instructions of this Custom field example ...
3
votes
2answers
568 views

How to combine two SPFx web parts?

We have two separate SPFx web parts (call them A and B), and you can add A and/or B to same SharePoint Online site. Now there is a need to create web part C that combines both A and B into single web ...
3
votes
1answer
312 views

SPFx Developement Environment Setup issue

I am facing critical issue in setting up development environment for SPFx. I have refereed following link Link: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-...
3
votes
1answer
1k views

How to inject jquery sharepoint services to spfx

We are trying to inject jquery sharepoint services dependency to our sharepoint framework webpart. This is what we did. First added external files at config.json "externals": { "jQuery": { //"...
3
votes
3answers
8k views

Customize master page on modern/communication site

I know that with the SharePoint Online publishing site we can develop a site where we can have the exact layout of my designed mock-up. So my question is will we be able to customize on some of the ...
3
votes
2answers
875 views

Is that possible to add SPFX webpart App at toplevel and access the webpart in all subsites?

My clients want my SPFX web part in many sub sites. For this, I have to add the app to each subsite. Is there a way to add the SPFX web part app at the top level and I should be able to add web part ...
3
votes
2answers
861 views

SPFX Client WebPart with Angularjs and OfficeUiFabric

Iam strugling to use OfficeUIFbric in my Client WebPart with AngularJS. I first created the webpart as "No javaScript web framework", and then i added angularJS as described in this article , webpart ...
3
votes
3answers
2k views

Adding custom list to SharePoint framework app - SPFx app

I want to add list, site column, content type etc to a SharePoint framework app using may be yeoman generator or anything else, i know it might be achieved by API calls but i want to add like the way ...
3
votes
1answer
99 views

SharePoint User add data using PnPJs

I'm creating a SharePoint SPFx web part app. Using PnPjs I'm able to retrieve the current logged in user's information: sp.web.currentUser.get().then((response : CurrentUser) => { console....
3
votes
1answer
70 views

New Webpart development in SharePoint 2013

I need to develop some new web parts for SharePoint 2013, and they should be developed in such a way that they can be easily migrated to SharePoint Online at a later point. The webparts need to ...
3
votes
1answer
4k views

Create document set with REST API in SharePoint Framework

I'm looking for a way to create a document set in my document library from within SPFx web part. I'm using @microsoft/sp-http module to create HTTP requests. Do I need to manually create some ...
3
votes
2answers
2k views

force user to add metadata when uploading docs

I want that my users are forced to enter metadata when they upload/bulk upload document.When bulk uploading document it would be cool that users add the metadata once and it applies to all the files
3
votes
2answers
1k views

Extending jQuery in SPFx Web Part

I've used the jQuery plugin jOrgChart with success in a SharePoint add-in by simply referencing the file and making the call, i.e. <script type="text/javascript" src="jquery.jOrgChart.js"></...
3
votes
1answer
3k views

SPFx - Office UI React - How to default select user in People Picker

I want to set default selected Item on people picker? <NormalPeoplePicker defaultSelectedItems={()} inputProps={{ disabled: true }} onChange={this._onChangePeoplePicker} ...
3
votes
1answer
785 views

Any Api's to get Last Opened Documents

Do we have any Apis to get the Last Opened Documents That is displayed in the the Office 365 Home Page. Intention is to get the list of the last opened Documents using SpFx webpart.
3
votes
2answers
754 views

SharePoint spfx webpart Property 'value' does not exist. sub task errored

I am trying to fetch data from SharePoint in spfx web part with No javascript framework. I am able to access the list and getting the response object but not able to access the value from the response ...
3
votes
1answer
827 views

SPFx - How to start workflow on list?

Do I want to start workflow where send an email with a new framework of SharePoint? Is it true that I can not start a workflow? What should I use? SPServices library JSOM PnP? Thank you ...
3
votes
1answer
2k views

Get SharePoint List Items using SharePoint Framework React

I am getting SharePoint list items using framework react with following code: Developing SharePoint Framework Web Parts Using ReactJS import * as React from 'react'; import { css } from 'office-ui-...
3
votes
1answer
2k views

“[serve] The api entry could not be loaded” in SharePoint Framework(SPFX)

SPFX webpart created successfully but when I run gulp serve command I get error. Error : [serve] The api entry could not be loaded: node_modules/@microsoft/sp-webpart-workbench/lib/api/ -- Node.js ...
3
votes
1answer
992 views

Running Microsoft Flow from a SharePoint Framework (SPFx) web part

i have created a Request/Response MS Flow to send email, when i try to call it via Postman i am getting following error. InvalidTemplate. Unable to process template language expressions in action '...
3
votes
1answer
291 views

how to install api(youtube-api-search ) in spfx&React project created by yeoman-generator

I created my project wth yeoman template generator; yo @microsoft/sharepoint command(react choosen as JS framework). than installed youtube search api npm install youtube-api-search so far ...
3
votes
2answers
455 views

Remove the background of my Custom WebPart

Hope you can help me on this inquiry I am trying to removed the white background of my Custom webpart that I have created so that its background will depend on the section background when I check it ...

1 2
3
4 5
21