Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
1,256
questions
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
20
votes
4
answers
6k
views
SPFx: loading jQuery (and other libraries)
The SharePoint Framework weather example loads jQuery inside the WebPart render method:
https://www.youtube.com/watch?v=HGC9gsDRy1E#t=10m30
Questions:
Is this the preferred development pattern?
...
- 21.2k
16
votes
1
answer
14k
views
SPFx gulp package-solution fails
Running all @microsoft/sp-* packages @1.3.4
When I run gulp package-solution --ship, I get the following error message:
Error - Error: The webparts manifests list is empty. Please ensure you have ...
- 675
13
votes
4
answers
11k
views
Access the query string from SPFx web part using React
I'm rebuilding a SP 2013-era EditForm.aspx web part using SPFx & React.
I would appreciate advice on how to get the query string into a SPFx web part.
I don't see any methods in the SharePoint ...
- 301
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
9
votes
2
answers
1k
views
Using MS Graph from SharePoint Framework 1.5.1 / 1.6
Can someone, please help me with figuring out how to use MSGraphClient from the latest SPFx version? MSGraphClient is supposed to help us to use MS Graph. My problem is that as soon as I add the line ...
- 9,572
9
votes
2
answers
4k
views
Can SPFx Webpart and Extension exist in a single app?
I'm starting to get my hands on using the new SharePoint Framework.
I have general ideas about how they work now but I couldn't any document or statement that they (Client Web Part and Extension) ...
- 364
9
votes
1
answer
688
views
Implement licensing in SpFx?
I have created 4 web parts using SPFX. Now I want implement licensing.
If the user has purchase license then can access web part else user is redirected to license.
What is the best approach to ...
- 338
8
votes
5
answers
4k
views
SPFx: Is TypeScript compulsary for future SharePoint development?
Been looking into ways to keep a development team with medior JavaScript skills into the loop.
Basically I just want a SPFx Content Editor WebPart where they can do anything they have done with ...
- 21.2k
8
votes
2
answers
17k
views
SPFx - How to call function on button click event from ts file with React
How to call function from ".ts" file for button onClick event in tsx file?
this is my function in ts file:
public button_click(): void {
alert("CLICKED!");
}
- 2,058
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
2
answers
9k
views
SPFx - Cannot find type definition file for 'es6-collections'
I am trying to create a solution which will deploy the assets to SP online by following tutorial. Since this is based on version 1.4.0 i have udpated
@microsoft-* packages to 1.4.0
But I am getting ...
- 1,546
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
8
votes
2
answers
460
views
New Communication site Template supports Multilingual Content
we have a requirement to use new Communication Site template and build a web site, but it should be multilingual.
Since new Communication site look and feel and responsiveness suit to my client ...
- 823
8
votes
1
answer
906
views
How do I retrieve the SharePoint Modern site's classification property via search REST APIs?
I am creating a rollup of Modern team and communication sites that are provisioned in my tenant by creating one SPFx webpart which retrieves the site's title, URL, logo and some other properties using ...
- 30.8k
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
7
votes
4
answers
6k
views
'gulp serve' command opens SharePoint Framework workbench in a blank screen
I'm trying to build a simple client-side web part using new SharePoint Framework with the help of OfficeDev Site. I've installed all the required components mentioned in OfficeDev
After the ...
- 211
7
votes
2
answers
9k
views
workbench page shows "This site can’t provide a secure connection" on creating SPFx Webpart
I am new to SPFx, tried to create simple webpart using SPFx.
Referred from here.
Followed these steps:
-Installed nodejs
-Installed gulp & yomen using npm install -g yo gulp in powershell.
-...
- 864
7
votes
1
answer
4k
views
SPFx webpart not updating with latest spkg uploaded
My Spfx spkg uploads successfully to the apps catalog. Tenant wide upload is enabled.
When I do 'Add an App',
This app is not available for installation under 'From your Organisation'
Although when ...
- 2,406
7
votes
1
answer
323
views
Where can I find the TypeScript source code of the SharePoint Framework?
Where can I find the TypeScript source code of the SharePoint Framework?
With Microsoft being more open and generally providing everything as open source nowadays I expected to find it pretty quickly....
- 1,919
7
votes
1
answer
255
views
SharePoint framework
https://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview
In this new Client Web Part model there would be no IFrames. It will be all cient side thing.
My question is, where would ...
- 71
6
votes
2
answers
3k
views
SharePoint Framework: How to detect if running on modern or classic page?
We see some differences in our SPFx web part behavior depending on which page type it is placed on (modern vs. classic). Classic pages behave somewhat differently.
I'd like to detect which page type ...
- 1,919
6
votes
1
answer
33k
views
Anyone can explain the .ts file and .tsx file use and difference in SPFx react webpart?
In SPFx No JavaScript Framework webpart contain "webpart.ts" file and write code in it.
But in React SPFx webpart, there are 2 file : 1) webpart.ts file 2) webpart.tsx file in component folder.
...
- 499
6
votes
3
answers
12k
views
SPX and Typescript - how to add references to SP.JS?
I am trying to start learning the typescript and sharepoint framework. What I have been having trouble with is how to add references to SharePoint js files such as sp.js? For example, what I am trying ...
- 61
6
votes
1
answer
873
views
Calling external APIs securely from SharePoint Framework
I checked out the webcast 'Calling external APIs securely from SharePoint Framework'. Can that be used to call on-prem web-api without using azure?
If I wanted to host a web-api on premise and call ...
- 1,254
6
votes
2
answers
6k
views
SPFx - PnP-JS-Core - Check if list exist in current web
I want to check if list(by Display Name) exist in current web.
In pnp developer guide is no information on how to work with lists?
I need this for validate web property and i want to use pnp-core-...
- 2,058
6
votes
2
answers
4k
views
SharePoint Framework: How/where to save web part property pane values?
When building a SharePoint Framework web part - where are the property values of the property pane to be saved?
With add-ins and their tool pane, the options are: let SharePoint do it, use a hidden ...
- 1,919
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
6
votes
1
answer
926
views
SPFx: inform users when Search last indexed and when Items will appear in results
Scenario: Large team processes a high volume of customer data (multiple Libraries, Document Sets and Sites/ Sites Collections)
Part of it is trading information so accurate info is vital.
I have an ...
- 21.2k
6
votes
2
answers
2k
views
Adding Spfx Web Parts to Modern site Pages using PNP CSOM in Azure AD Apps
I had Create a web application with Azure AD authentication using Azure AD Application. I had granted all permission for SharePoint Online,Graph Api and Active Directory to the App for provisioning ...
- 2,836
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
2k
views
Remove spfx webpart
I've uploaded and deployed some spfx webparts through my App Catalog site.
Now these webparts are not useful anymore so I've deleted them from the App Catalog.
Then I've checked my sites and ...
- 1,073
5
votes
2
answers
5k
views
SharePoint Framework – Loading Font Awesome CSS from CDN
I am fairly new to the SharePoint Framework development stack (TS, React, node, etc.) and am looking to incorporate the font-awesome suite into my web-part via a CDN.
Normally I would reference this ...
- 197
5
votes
2
answers
1k
views
Create modern team site in SPFx
I found some articles which are explaining creating modern sites with CSOM. But I am not able to find in JavaScript to use in SPFx.
Creating modern sites is supported with SPFx? Any PnP extension ...
- 1,546
5
votes
1
answer
2k
views
How to save a SPFx client side web part to a template inside team site?
I would like to know how can I deploy a SPFx client-side web part I have created as a template to use on all page inside team site.
- 1,057
5
votes
2
answers
982
views
How does Workbench.aspx in Office365 get local files?
I'm sure this is a really simple answer but I can't see the connection.
Essentially I'm playing with the SPFx tutorials and I just uploaded the workbench.aspx to my shared documents and the hello ...
- 1,448
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
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
2
answers
4k
views
SharePoint workbench full width webpart
I'm currently building a SharePoint SPFx react webpart.
While developing the webpart I'm viewing/accessing the webpart using workbench using the following link: https://mysite.sharepoint.com/sites/...
- 81
5
votes
1
answer
242
views
Does Virus affected Node Modules transfer in Contents of SPFx deployment package
When we scaffold an SPFx webpart/Extension we get many Node Modules as part of dependencies. These can be seen in node_modules folder and there are also entries in package-lock.json file.
I know ...
- 5,983
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
5
votes
2
answers
3k
views
How to force render of property panel?
How can I force the SharePoint Framework to re-render the property panel of my Client Side Web Part?
In detail I would like to execute the getPropertyPaneConfiguration() method once again when the ...
5
votes
1
answer
2k
views
cant find module 'react-bootstrap'
I installed necessray packages
npm i react-bootstrap-validation", "npm install react-bootstrap
and updated typings
npm update typings
but still getting this error;
How can I tell tyscript I ...
- 535
5
votes
3
answers
827
views
Angular and spfx learning guide
I am getting started with spfx and i have no prior knowledge of angularjs/angular.
Recently i saw a blog post that says to use angular element to develop webpart.
Can you guys please guide me on ...
- 1,684
5
votes
2
answers
3k
views
SharePoint Framework: How to let modern web parts interact with each other?
How can web parts know of and interact with each other within the SharePoint Framework?
Here's an example. Let's say we need:
a search box web part
search result web part
a filter web part
All ...
- 1,919
5
votes
2
answers
10k
views
NodeJS not compatible
when I run gulp serve I get the following error.
Your dev environment is running NodeJS version v10.15.0 which does not meet the requirements for running this tool. This tool requires a version of ...
- 617
5
votes
2
answers
34k
views
SharePoint Online full-width page
I am still exploring SharePoint Online creating webparts and deploying through visual studio code using Typescript.
I created a HelloWorld webpart and uploaded it on page. I was able to create ...
- 260
5
votes
3
answers
4k
views
Deploying both testing and production versions of an SPFx Webpart
I am trying to figure out how to deploy two versions of an SPFx Webpart to the App Catalogue. We need one for production and one for development.
What I have tried so far:
Modifying the ID in the *....
- 241
5
votes
3
answers
15k
views
SharePoint Framework jQuery REST POST returns 400 Bad Request error
I am totally stumped again as to what is causing my update to fail. The same process works fine using the "old" approach inside a web content editor. Now that I am using the framework the jQuery ajax ...
- 120