Skip to main content

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
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 ...
Danny '365CSI' Engelman's user avatar
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? ...
Danny '365CSI' Engelman's user avatar
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 ...
stackleit's user avatar
  • 675
13 votes
4 answers
12k 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 ...
Joe Crockett's user avatar
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 ...
Mike Insch's user avatar
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 ...
Denis Molodtsov's user avatar
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) ...
Thi Vo's user avatar
  • 364
9 votes
1 answer
759 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 ...
Vaibhav Bhatia's user avatar
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 ...
Danny '365CSI' Engelman's user avatar
8 votes
2 answers
18k 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!"); }
Goshky's user avatar
  • 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 ...
user2560429's user avatar
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 ...
Mihir's user avatar
  • 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 ...
mohd tahir's user avatar
  • 2,406
8 votes
2 answers
461 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 ...
vinit kumar's user avatar
8 votes
1 answer
942 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 ...
Gautam Sheth's user avatar
  • 30.9k
7 votes
4 answers
28k 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 ...
DivXZero's user avatar
  • 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 ...
Sam35's user avatar
  • 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. -...
Vishnu S's user avatar
  • 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 ...
mohd tahir's user avatar
  • 2,406
7 votes
1 answer
332 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....
Heinrich Ulbricht's user avatar
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 ...
Khan's user avatar
  • 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 ...
Heinrich Ulbricht's user avatar
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. ...
Chandresh's user avatar
  • 509
6 votes
2 answers
5k 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/...
hisusu32's user avatar
6 votes
3 answers
13k 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 ...
Adil Hasan's user avatar
6 votes
1 answer
880 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 ...
RussGove's user avatar
  • 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-...
Goshky's user avatar
  • 2,058
6 votes
2 answers
5k 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 ...
Heinrich Ulbricht's user avatar
6 votes
2 answers
6k 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 ...
vinit kumar's user avatar
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 ...
Thomas Gass's user avatar
  • 1,308
6 votes
3 answers
37k 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 ...
salah9's user avatar
  • 270
6 votes
1 answer
1k 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 ...
Danny '365CSI' Engelman's user avatar
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 ...
TARUN's user avatar
  • 2,856
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-...
Saad Zulfiqar's user avatar
6 votes
2 answers
3k 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 ...
Pepozzo's user avatar
  • 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 ...
Haymak3r's user avatar
  • 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 ...
Mihir's user avatar
  • 1,546
5 votes
1 answer
3k 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.
AY_91's user avatar
  • 1,057
5 votes
2 answers
988 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 ...
Batman's user avatar
  • 1,488
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 ...
Kiril Iliev's user avatar
5 votes
1 answer
5k 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
Akshay Dattatray Nangare's user avatar
5 votes
1 answer
244 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 ...
Asad Refai's user avatar
  • 5,981
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 ...
Heinrich Ulbricht's user avatar
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 ...
Robin Güldenpfennig's user avatar
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 ...
TyForHelpDude's user avatar
5 votes
3 answers
11k 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 ...
user1339913's user avatar
5 votes
3 answers
841 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 ...
Keshav Taurah's user avatar
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 ...
Heinrich Ulbricht's user avatar
5 votes
4 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 *....
lukas's user avatar
  • 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 ...
maleman's user avatar
  • 120

1
2 3 4 5
26