Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [spfx-webparts]

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

0
votes
1answer
18 views

Cannot delete the App added in Site Contents

We added a SPFX App in a SharePoint 2019 on-premise environment but somehow got an error. The problem is we cannot remove the app from the Site Contents. What possibly is the cause and how can we ...
0
votes
0answers
10 views

How to use HoverCard of Office UI Fabric in Custom SPFX People Webpart

How to use HoverCard of Office UI Fabric in Custom SPFX People Webpart? I am developing a custom SPFX webpart where i would like to mimic the behaviour of the current modern 'People' webpart ...
0
votes
0answers
31 views

Adding an Spfx client side webpart on a classic page

I am on SharePount on-premise 2016 with "September 2017 Public Update for SharePoint 2016" deployed and the configuration database is greater than 16.0.4588.1000. The site is running on https I ...
1
vote
0answers
12 views

SPFX Webpart- “Error initializing application” after refreshing page

SPFX app is created and deployed tenant level. IF it is add to a page at site collection level (ex:https://text.sharepoint.com/sites/ABC) it is working perfectly. If it is added at subsite level (ex:...
1
vote
2answers
44 views

Get current user's user group in SPFx WebPart

How do I get the current user's groups which he is a part of without @pnp/sp js framework in SPFx ?
0
votes
1answer
11 views

Add column names dynamically to `select` method in SP PnP JS

In the select method of SP PnP JS how can I add column names dynamically? For e.g. can the below code sp.web.lists.getByTitle("My List").items.select("Col1", "Col2"); be written something like this ...
0
votes
0answers
12 views

How to doCRUD Operations using React and PnP-JS Core on sharepoint lists with SharePoint FrameWork (SharePoint 2016) [closed]

I would like to create a webpart(Form) where user can feed the input and those data i have to save it in sharepoint list. I want to perform CRUD operation using React Framework with pnp.js in ...
3
votes
1answer
32 views

Creating component in SPFx webpart from command line

Is there any way to generate component in React from command line (similar to Angular's ng generate)?
1
vote
2answers
31 views

Error after installing the SPFx environment for the first time

Got a following error after installing the SPFx environment for the first time any help would be helpful. Thanks in Advance.
1
vote
0answers
14 views

“Likescount” and “CommentCount” returns null from publishing pages

I have a search function that connects to "LikesCount" and "CommentCount"properties (social bar). Example: let localQuery = SearchQueryBuilder.create('', {TrimDuplicates: false}) ...
0
votes
0answers
9 views

Best practice to provision assets (e.g. custom lists) alongside a SPFx tenant-wide Web Part?

Microsoft says that it's not possible to provision assets with a Web Part which is deployed tenant-wide (See here) But I need to develop a Web Part which will be available on the SharePoint Online ...
0
votes
1answer
22 views

Looking for a web part (default)

So I have a web part on a site and I want to know where it is from. To me, it seems to be one of the default one, although I havent been able to find it. It works like a header/title with title, ...
0
votes
1answer
29 views

SharePoint SPFx webpart - gulp trust-dev-cert Error

i try to create a webpart using SPFX: after running successfully : yo @microsoft/sharepoint Gulp version: gulp -v CLI version 2.1.0 Local version 3.9.1 node version: v10.15.3 i run : gulp ...
0
votes
1answer
36 views

Missing SPFX webpart on SP2016 subsites

Missing web part from the add a web part group on sub site pages. I deployed web part to the app catalog and CDN. I’m able to use it on the top level of my website without any issues, but I can’t get ...
0
votes
1answer
37 views

While creating SPFx webpart solution, i am getting the error : EINTEGRITY?

All these packages like Node, NPM, Yomen, Gulp, microsoft/Sharepoint-generator are already installed as mentioned in the help document for creating a new SPFx solution. https://www.sharepointsky.com/...
0
votes
0answers
24 views

SPFx extension samples not showing

I've tried several samples SPFx extensions. All samples have the same outcome when it comes to testing (gulp serve) after following the instructions on the samples page. Most of them just require ...
0
votes
1answer
23 views

Is it possible to submit/put or publish Share Point Modern Apps (SPFx) web parts in the Microsoft Store?

Is it possible to submit/put or publish Share Point Modern Apps (SPFx) web parts in the Microsoft Store ? The solution package (.sppkg) build with SharePoint framework . What is the Microsoft ...
0
votes
1answer
34 views

SharePoint Framework: How to build overlapping web parts?

We have two web parts which are supposed to be used together. One can be placed above the other. The upper web part allows a drop down to be opened. The problem: this drop down opens under the lower ...
3
votes
1answer
89 views

How to display the SharePoint “Live Persona Card”?

In our SharePoint Framework web parts we want to show people information just like SharePoint does: When hovering over the name or image of somebody a popup like this should open. Looking at the ...
0
votes
0answers
19 views

Connect custom web part to a library web part

I'm creating a custom web part using SPFx and I'll to connect it to a list. The web part I make shows the details of a product. The library I'll connect contains all manuals of the all the products. I'...
0
votes
1answer
26 views

How to load mutiple SPFx webparts in single page simultaneously

We have a home page where it contains 6-7 SPFx webparts built with 'No JavaScript Framework'. We need to load all the components in the Home page simultaneously since now it is loading One by One ...
1
vote
1answer
46 views

SPFx webpart with Bing Maps

I have SharePoint 2019, and I am trying to create a webpart that will display Bing Map, I tried this on a react app created using create-react-app, and it works fine. Then I took the code, and added ...
0
votes
1answer
45 views

SharePoint framework unit testing pnp

How can I test with jest a pnp function? How can I mock the webpart context and pnp responses? I'm using spfx webpart, pnp-js-core and jest for unit testing Thanks.
1
vote
1answer
152 views

Steps to setup SP2016 onprem with React using SPFX

I am trying to setup SP2016 onprem with React, using Yoeman generator @microsoft/sharepoint. I am getting errors when I run gulp serve. Need Help on setting up this project using SPFX. I have ...
1
vote
0answers
40 views

Error in webpart after upgrading to SharePoint Framework 1.8

I have just upgraded to spfx framework version 1.8. When I try to add the webpart to the page, I get this error Original error: Error loading https://component-id.invalid/f2f8e00f-ef2a-4909-b24a-...
1
vote
0answers
45 views

SPFX Webpart with Dropdown don't work on Classic pages

I currently have a spfx web-part which contains a dropdown, when I add it to a classic page and try to use the dropdown when the SharePoint ribbon displays the Format Text tab, the dropdown keeps ...
0
votes
0answers
15 views

Stop Property Pane closure on validation fail

I am looking to find out the correct way to stop Property Pane closure or update on validation fail. I can't see anything in the SharePoint documentation and am thinking one way to do it would be to ...
0
votes
0answers
15 views

What parameters need to be listed for HTTP Request

I need assistance to determine what the 'Request Body JSON Schema' should be, to allow Flow to trigger via HTTP request to pass the List Item ID as a query string parameter. I am working on a list ...
0
votes
1answer
38 views

Loading external JS sources prior to any other scripts in SharePoint Framework

Deploping on SharePoint Modern, I am using this React Content Query Web Part and added two of them on the page. One of them will need slick.js and another one is using masonry.js, both of which ...
0
votes
0answers
33 views

List recently access documents

I am trying to develop a web part the lists the logged on users recently accessed documents, as per the home page of www.office.com, and the recent documents tab. I originally thought this ...
1
vote
1answer
81 views

Update List Item SPfx not working

Below is the code, which is not working, shows below error An unexpected 'PrimitiveValue' node was found when reading from the JSON reader. A 'StartObject' node was expected. const body: string = ...
0
votes
0answers
16 views

SPFx Web part not retaining the Property values

I have a SPF'x web part (SPF'x V1.1 as its for On premise) which has 2 string type of properties. It was working fine in my QA environment. But in Prod, The properties not retaining the values. I have ...
0
votes
1answer
29 views

Can I use SPFx 2019 webpart to 2016 on-premises?

I have created SPFx webpart for SharePoint Online and 2019 on-premises. Now I want to run same webpart on Sharepoint 2016 on-premises. So my question is that Can I run same webpart on 2016 by doing ...
0
votes
1answer
34 views

Is it possible to change the language (strings) of a SPFx webpart inside the webpart?

I have a SPFx webpart with "de" and "en" locales and want to change the language with a button in the webpart. How can i change the locales? SPFx webpart on a modern page.
0
votes
0answers
11 views

provider hosted Add-Ins and provisioning modern pages

I am doing a a review on various (classic) sites, to see how much work is needed to migrate these to modern communication, team and hub sites. I found a load of provider hosted apps available for the ...
0
votes
1answer
52 views

Access other Site collections in SPFx web parts

We have a requirement to convert one of the existing provider hosted app functionality to spfx webpart. The provider hosted app implemented using App only calls to access other site collection in the ...
0
votes
1answer
31 views

Error Handling in onInit()

I'm loading information from a SharePoint list in the onInit method. Now I'm wondering how to handle errors. My expectation was that if there's an error the returned promise would fail and some ...
0
votes
1answer
39 views

MSGraph with spfx WebPart does not propt user for permission

I am expermimenting with people in MSGraph. I am attempting the "/me/people" graph call and getting a 403 forbidden. The People.Read permission states it does not need Admin Consent. People ...
0
votes
0answers
26 views

Aditional properties not allowed SPFX webpart error

I'm getting this error when I use gulp serve Blockquote Error: #/localizedResources (A set of localized resources, to be d...) Additional properties not allowed: v3WebPartStrings Error:...
1
vote
1answer
87 views

Adding sections and web parts to the modern pages is not working

@pnp/sp version is 1.2.3/1.2.7 SharePoint version is SPO (online) I am loading the site in the Web object and adding the client side page using the web object. Once the page got created I am adding ...
2
votes
1answer
121 views

SPFX 1.7.1 - Full page apps - How to configure

So i've been away from SPFX for a while since they were still using the older version of React and i've got a question. I can see that they added a developer preview of "Full Page apps". How can you ...
0
votes
1answer
80 views

Question regarding Typescript version in SPFx

I have few SPFx related queries as mentioned below. What is the current version of typescript in SPFx v1.71? if it is not the latest version then is there any plan to upgrade? It will be great to ...
2
votes
1answer
40 views

Get User's Time Zone using PnPJs

We are trying to retreive current user's profile Time Zone SPS-TimeZone from a SharePoint Framework webpart, but we are faicing an error (see below). Does anyone know about the best/most effecient way ...
0
votes
1answer
24 views

This function always return extra values

While calling the function always get "x" extra added value . Suppose I have received 3 values on 1st call , next 2nd call I received (3 + 3) values , and on 3rd call (6 + 3) values . But I want to ...
1
vote
1answer
103 views

Spfx web part to show task list on modern sharepoint UI

I am looking to leverage team sites for one of my projects. Since modern UI only supports custom lists in web part view, I am looking for some help on how Spfx can be used to show task list web part ...
1
vote
1answer
26 views

SPFx Document Search Result Add-in with ECB / CommandSet option

we are building SPFx based document listview based on search / user personalized view - my bookmarks or recent document; We want to plug in OOTB ECB menu / command set; is there any option to ...
0
votes
0answers
52 views

Error loading SP-webpart-workbench during SPFX webpart tutorial

I have been trying to walk through the tutorial "Build your first SharePoint client-side web part (Hello World part 1)", and I have found it to be quite troublesome. I've worked through many of the ...
2
votes
1answer
142 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 ...
5
votes
1answer
95 views

Configure multiple modern SPFx Web Parts on classic pages

We have an issue with Sharepoint Web Parts which have worked perfectly fine in the past, but seem to have broken sometime within the past month without change on our side. One modern web part on the ...
0
votes
1answer
48 views

Calling MS Graph API: An error as soon as declaring the MSGraphClient

I have imported the MSGraphClient in my project using the following statement: import { MSGraphClient } from '@microsoft/sp-client-preview'; I have also added those two import statements, as I will ...