Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
59
questions
7
votes
4
answers
27k
views
How to retrieve pageContext in SPFx?
I'm following the second tutorial from the SharePoint Framework dev center:
Connect to SharePoint
It states that you can retrieve details from this.context.pageContext, however this is no longer the ...
- 173
5
votes
3
answers
6k
views
SharePoint Framework web parts - dynamic properties pane
I was playing around with the SharePoint framework and I was trying to get the web part to load SharePoint lists via a promise.
First I noticed that await and async are not supported (probably due to ...
- 53
1
vote
1
answer
2k
views
How do I pass HTML table inside mailto in anchor tag?
I am creating a web part in SharePoint Online using SPFx REACT framework and I want to open an email pop up with an HTML table in the body section of the email.
Currently, I am using mailto to open an ...
- 11
1
vote
1
answer
6k
views
SPFx R.C. post method, SPHttpClient.configurations.v1 undefined exception
I am try to convert this old school example. It was drop 3, now I need to convert it to SPFx RC version;
private createItem(): void {
this.getListItemEntityTypeName()
.then((...
- 535
5
votes
1
answer
3k
views
SharePoint Framework: how to change TypeScript version used by gulp?
I set up a new project using the yeoman template for SharePoint Framework web parts. Everything is working fine, I can run gulp serve and work in the local workbench. Good.
Now I need to change the ...
- 1,919
4
votes
1
answer
912
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'...
- 364
3
votes
3
answers
10k
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 ...
- 31
2
votes
1
answer
5k
views
Updating SPFX breaks gulp
So i tried installing a webpart from scratch & added React as a framework. All good, but the version of @microsoft dependencies is 1.5.1 AND the latest is actually 1.6.0.
I've tried updating ...
- 569
1
vote
1
answer
912
views
Sharepoint Online every SPFx web parts get this error : Something went wrong -> Mismatched anonymous define() module
I have SharePoint online sites and some spfx web parts. These sites are created with publishing site templates and web parts have been working for months. I rarely got this error "something went ...
- 31
1
vote
0
answers
425
views
How do you delete tasks from Project Server via REST?
March 2 2023 - Extremely late after-the-fact update: I got a follow up question to this (posted as an answer, so it's going to be removed) as to whether or not this ever got resolved.
For posterity:
...
- 12.6k
25
votes
4
answers
3k
views
Will the new SharePoint FrameWork increase speed?
I don't have a benchmark but it seems to me SharePoint Online is getting slower.
This is a fresh new SPOnline Tenant, (News) images being pulled from a Picture Library
Is it me or is this just super ...
- 21.2k
13
votes
1
answer
9k
views
Options for elevating permissions in SharePoint Framework
Background
I have a site which will have a number of Lists and a Document Library deployed as part of an SPFx application. The Document Library will have a folder hierarchy which must be strictly ...
- 253
8
votes
3
answers
3k
views
Run development and production versions of the SP Fx web parts in two different site collections?
Currently, the SharePoint Framework solutions are deployed as tenant wide app packages. Thereby, all instances of the web parts refer the JavaScript files from the CDN location specified in the ...
- 163
8
votes
1
answer
1k
views
Apps added to App Catalog not available for installation on other sites
I started with SPFx development recently. I packaged a client side web-part as a file helloworld-webpart.sppkg following Microsoft's tutorial. Then I uploaded it to my Apps Catalog site. Though it was ...
- 2,406
6
votes
1
answer
2k
views
Update list in SharePoint framework - SPFx app
i have created list and columns in SPFx app using elemets.xml and schema.xml. Now after doing this i want to add new column to already created list. I have created elements-v2.xml and upgrade-actions-...
- 340
6
votes
2
answers
5k
views
How to get Termset using the new SharePoint framework SPFx
I am new to to Typescript, watched videos and created the sample application of client webpart using new SharePoint development framework. All sample application worked well, and using Rest Queries i ...
- 823
6
votes
1
answer
3k
views
SPFx Replacement for Script Editor Web Part
So I was having a play around with the new Modern Experience site pages and while it's pretty slick and looks great (as well as fixing the issues with container layouts being a royal pain to change ...
- 1,318
5
votes
1
answer
4k
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,392
5
votes
1
answer
5k
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 ...
- 1,919
4
votes
2
answers
902
views
Add an SPFx WebPart from an SPFx Extension on a modern site
Within our product we have created an SPFx extension to show a navigation component on the top of our modern pages. Additional to this navigation component we want to show a button which opens an ...
- 151
4
votes
2
answers
665
views
SPFx Creating custom sectionlayout
Is it possible to create a modern UI section layout?
e.g. a tab layout
4
votes
4
answers
432
views
SharePoint Framework web parts - do you need a developer tenant?
I want to test my SharePoint Framework web part in Office 365, in SharePoint Online.
Therefore I upload the .sppkg file to the App Catalog. Unfortunately SharePoint says my app package is invalid:
...
- 1,919
3
votes
1
answer
1k
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.
- 95
3
votes
2
answers
9k
views
Get current user's user group in SPFx WebPart
How can I get the sharepoint groups the current user is a part/ belogns to, without @pnp/sp js framework in SPFx ?
- 163
3
votes
3
answers
2k
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
4
answers
3k
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/...
- 913
3
votes
2
answers
3k
views
Add files to subfolders using rest api in javascript
What is working right now is i can upload to the root folder of a library using the code below :
myDropzone.options.url = `${_context.pageContext.web.absoluteUrl}/_api/web/Lists/getById('${_parent....
- 1,684
2
votes
1
answer
2k
views
How to apply a theme to a spfx web part?
I have a spfx web part the gets and displays list items. I'm not sure how to apply a theme to this web part so that the font type and style of the web part title and list items match the rest of the ...
- 199
2
votes
1
answer
2k
views
SharePoint workbench not reflecting changes
I'm building a SharePoint SPFx react web app. I've been using workbench for the last few weeks and it's been great. However, today when I did gulp serve I noticed that my changes are no longer being ...
- 81
2
votes
2
answers
1k
views
Typescript errors in SharePoint Framework webparts
I created a new sharePoint framework webpart using the msdn link
https://dev.office.com/sharepoint/docs/spfx/web-parts/get-started/build-a-hello-world-web-part
After Executing the gulp serve ...
- 2,836
2
votes
2
answers
1k
views
Can a user update a SharePoint list using SPFx without the user having access to the list?
In C# you could allow users to access a SharePoint list they have no access to by using SPSecurity.RunWithElevatedPrivileges(delegate () .....etc. Is there a way achieving the same functionality ...
- 765
2
votes
1
answer
11k
views
SPFX: How to add item in SharePoint list with attachment?
I have created a SPFX webpart to add item in list with attachment.
How to add item with attachment ?
- 3,251
1
vote
1
answer
841
views
Error when displaying HelloWorld web part in tenant workbench
My HelloWorld web part works fine in my localhost workbench. On my tenant workbench, I can add the web part but then I get the attached error instead of displaying it.
- 667
1
vote
1
answer
2k
views
SPFx Unable to use 'fs' module
I am creating a SPFx web part which is using fs module, but getting error Error: Can't resolve 'fs'. I know this issue causing from typescript because of missing typings. Following is the exact error ...
- 2,970
1
vote
1
answer
910
views
How can I implement Angular 2 routing in an SPFX webpart
How can I use Angular 2 in SPFX?
I appreciate its not out of beta quite yet but I have found it to be excellent for 'larger' apps. Especially RC5 which provides a new ngModule decorator.
Using this ...
- 155
1
vote
0
answers
1k
views
"setState(...): Can only update a mounted or mounting ..." error in web part
I have a web part running works fine and I added new one. It only read items from the list. But before get there, there is an error in browser;
"setState(...): Can only update a mounted or mounting ...
- 535
1
vote
1
answer
2k
views
Getting warning messages : Warning - [sass] The local CSS class 'min-chart' is not camelCase and will not be type-safe
I am using third party css in SPFx. When I am building it, SPFx is showing me lots of warning messages :
I am using Windows 10 / SPFx 1.11.0.
Please let me know how to disable these warning messages.
...
- 43
1
vote
1
answer
2k
views
Grant permissions to all external users on Client Side Assets library in App Catalog site
I have a SPFx web part added to my page in a modern SharePoint site.
External Sharing is enabled in my modern site and I need to grant at least "Read" permissions to every external user on "Client ...
- 507
1
vote
1
answer
291
views
Are there any dependencies for PS.js (Project Server JSOM)?
Because I can't seem to do what I need to get done using the REST API, I am going to try to use the Project Server JSOM in an SPFx webpart.
I found instructions on how to load the SharePoint JSOM ...
- 12.6k
1
vote
2
answers
1k
views
spfx webpart/component with position: fixed
I'm trying to create a spfx-react webpart for SharePoint Online like the feedback button on the walmart page (https://www.walmart.com right side).
This works in edit mode and in the workbench (local ...
- 11
0
votes
1
answer
771
views
How to call an API request in the .ts file spfx not the main component
This is my web part below, I need to call an API so I can dynamically populate the scope property dropdown that are provided as 'settings' to the web part.
Can I use componentdidmount? Doesn't seem to ...
- 416
0
votes
1
answer
131
views
Modifying button colors via SPFx is not being reflected
I am working on this SPFx web part @ https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-modern-calendar.
Now when I click on a event inside the calendar, I will get this dialog box with a ...
0
votes
2
answers
1k
views
SPFx: pnp.sp.search how to get only list items
I made search in SPFx, now i need to display only list items. My code example:
pnp.sp.search({
Querytext: query,
RowLimit: 20,
StartRow: 0,
QueryTemplate: "...
- 51
0
votes
2
answers
1k
views
From Azure Function (secured by AAD), how to properly detect the caller (the end-user of SPFx WebPart) through the AadHttpClient?
Note:
Both Azure Function and the SPFx WebPart mentioned below are written in NodeJS/JavaScript. None of them are in C#.
I have an Azure Function (secured by AAD: App Registration) which is being ...
- 103
0
votes
1
answer
1k
views
Does anyone know how to use live persona card and load data from a SharePoint list?
Does anyone know how to use live persona card and load data from a SharePoint list
0
votes
2
answers
250
views
How to build a CAML query from a string of data in JavaScript?
I have a string 'listOfUsers' which is in the format user1;user2;user3;user4;user5;user6;
This string could have any number of users.
I would like to build a CAML query which will find all those users....
- 99
0
votes
1
answer
516
views
how to get data from responseJSON
I am trying below code but always get undefined in console for console.log(responseJSON.Title);
this.props.context.spHttpClient.get(`https://someazuresite.azurewebsites.net/api`,
SPHttpClient....
- 139
0
votes
3
answers
9k
views
Customizing the PnP people search handlebar template in SharePoint online
I am using the modern PnP SPFx people search web part - and for the people search below is the out of the box template is generated by the web part:
<content id="template">
<style>
...
- 4,034
0
votes
1
answer
486
views
Updating Client Side Web App in Sharepoint Online App Library - Not Updating
I have an app deployed on Sharepoint with 3 Client Side Web Parts.
When i first add it, it's version is = 1.0.0.0.
When I make changes to the solution:
Change version to 2.0.0.0
gulp bundle --ship
...
- 103
0
votes
1
answer
2k
views
SPHttpClient undefined error: Using React JS to add item in SharePoint list
I'm trying to add an item in SharePoint Online list using SPFx solution where I'm using React JS to perform the action.
Below is the copied code, when debugging it says that:
"VM242:1 Uncaught ...
- 886