Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
1,304
questions
0
votes
1
answer
12
views
React 18 support for SPFx [closed]
Does any one have idea when SPFx will support React 18?
It is almost two years now and we still stuck with React 17.
0
votes
0
answers
6
views
LESS files in SPFx
I want to use .less files in SPFx but did not find any official documentation for same. Is it really possible to use .less files in SPFx solutions?
- 585
1
vote
1
answer
37
views
What version of node to develop spfx
I see some questions like this from several years ago, but this question is a little different and I wonder how things are supposed to work now.
We work in a enterprise setting where we can only ...
- 3,024
0
votes
1
answer
29
views
Building webpart with custom property pane controls using @fluentui/react not working as expected (SPFx 1.19.0)
I was following the below tutorial to build custom property pane controls.
https://learn.microsoft.com/en-us/training/modules/sharepoint-spfx-web-part-property-pane/5-exercise-build-custom-controls
...
- 441
1
vote
1
answer
26
views
gulp package-solution --ship will raise this error "Error - [package-solution] No manifests were found in 'C:/SPFX/release/manifests'. ."
I have build an SPFx web part named AutoRefresh which does not use a javascript framework, then i tried to run those commands:-
gulp clean
gulp build
gulp bundle --ship
gulp package-solution --ship ...
0
votes
1
answer
27
views
'PropertyPaneCustomField' is missing from '@microsoft/sp-property-pane' - SPFx 1.19.0
I was following the below article to create custom property pane fields.
https://learn.microsoft.com/en-us/training/modules/sharepoint-spfx-web-part-property-pane/4-build-custom-property-pane-controls
...
- 441
0
votes
2
answers
27
views
Unable to build my SPfx, error @microsoft/sharepoint Command failed with exit code 1: npm install
I want to build an SPFX, i did the following steps:-
1)Inside c: i created a folder name SPFx
2)inside node.js i have this :-
3)I run this command:-
yo @microsoft/sharepoint
but i got this error:-
...
0
votes
0
answers
11
views
Live Persona Card Custom Properties
Can I change the live persona card properties i.e., Custom Name, department etc. Currently it always showing against mail given in user object. I also use static display name in user object but it's ...
1
vote
1
answer
20
views
What is the difference between 'loadSPFX=true' vs 'debug=true' query string parameter in debugging SPFx webpart
In SharePoint documentation (Link), it is specified to use the below query string for debugging the webpart in a page,
?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js
...
- 441
0
votes
1
answer
20
views
Welcome Banner for Users
I have recently created a SharePoint homepage for my company that acts as an intranet point of entry. I would really like to create a welcome banner at the top of the homepage that simply says "...
0
votes
0
answers
28
views
SPFX Library - React Content Query Online
The official sample React Content Query Online stops working on Sharepoint Online.
https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-content-query-online
I got a generic error:
Any ...
- 43
0
votes
0
answers
7
views
PnP Charts datapromise error
Im getting this error with the datapromise for a PnP chart
this is the delaration of the chart
And this is the method thats being called
private _loadAsynData1():Promise<ChartData> {
return ...
0
votes
1
answer
29
views
SPFx: Open SharePoint List Form from Custom Page
Here's a rephrased version of your message:
I have created a custom SharePoint page using SPFx that displays data from a SharePoint list. I want users to be able to click on any item to open the list ...
0
votes
0
answers
13
views
Where can the “Did you forget to signal completion?” error come from?
As described in the title, I have the error “Did you forget to signal async completion?”. About my project: I am working on a web part with React that should display a Kudo website. And now I have ...
0
votes
0
answers
47
views
All SPFX Web Parts showing Something Went Wrong (Script Error)
I am trying to develop custom SPFX web parts for a Sharepoint site, and all of a sudden all of my web parts stopped working. When putting any of them in a site, it just shows
Something went wrong
If ...
0
votes
0
answers
41
views
SPFx Webpart to retrieve term store terms
I am working on a simple SPFx webpart with minimal framework (no react), to retrieve terms from the term store. I am following the instructions from the PnP site but running into an issue I cannot ...
- 196
0
votes
1
answer
82
views
Upgrade SPFx webpart to specific node version
I have one old SPFx react webpart created in Node version 10.18.1.
Now I have install node version 18.19.0
How can I Upgrade my old SPFx react webpart into new node version 18.19.0?
- 519
0
votes
2
answers
29
views
SharePoint Framework on SharePoint Server 2019
Which node and which gulp, yo and so on I should install before developing SharePoint Framework on SharePoint 2019 server.
I tried node 11.15. and now I'm try to fight with node 12.22.12 and I can't ...
- 1,711
0
votes
1
answer
55
views
How to add a filter query to see specific email addresses in Search Results of PnP Modern Search?
I already extracted employees belong to specific Departments by using this query which I added to Query Template inside Search Results of PnP Modern Search:
{searchTerms} Department:"Accounting&...
0
votes
1
answer
56
views
Preventing my Sharepoint Online WebPart from being cache
I got a SPFX WebPart for Sharepoint online that seems to be working fine, but now we notice that when i deploy a update some of the users keep getting the old versions, and hard refresh does not ...
- 11
0
votes
0
answers
15
views
Why aren't my files uploading properly?
I've written a 'File Upload' button for my spfx app, and it appears to work, but the file isn't being uploaded properly.
The user sees a form which allows them to select a file (from their PC), and ...
- 101
0
votes
1
answer
35
views
Difference between display of webpart in page in edit mode and page in publication
Hello i deployed my webpart on Sharepoint Online on a page and i see a difference in display between edit mode and published page. The webpart contain a scss that i use thanks to declare module "*...
0
votes
0
answers
298
views
SPFx Cannot read properties of undefined (reading 'id') in web part using workbench
Each time I tried to launch my web part through the workbench I got this error, I don;t understand why.:
Cannot read properties of undefined (reading 'id')
PILE DES APPELS :
TypeError: Cannot read ...
0
votes
0
answers
44
views
PnP modern search web parts custom
I want to add slider in search result where on button click I can get data from different list with help of lookup on that slider.
I don't want to customize whole PnP modern search result webpart code ...
0
votes
1
answer
67
views
SPFx web parts missing in SharePoint 2019 modern sites
I'm trying to use an SPFx that contains some custom webparts on SharePoint 2019 (spfx-40-fantastics, you can find it in GitHub).
After deploying the SPFx everything works fine on classic sites, I can ...
- 21
0
votes
1
answer
64
views
What is the license for the SharePoint Framework (SPFx)?
I am working on a project that involves the SharePoint Framework (SPFx) for developing custom web parts and extensions.
I would like to understand the licensing terms for using SPFx. Specifically, I ...
0
votes
0
answers
124
views
Managing and customising modern Event list/page - SharePoint Online
The Event List is one thing that is very confusing in SharePoint Online and I just need some other people views and ideas on this.
My requirements
I need to be able to add new fields to the event ...
- 4,306
0
votes
1
answer
145
views
Multilingual SharePoint Framework (SPFx) - switching language
I'm adding multilingual support to an existing webpart. Easy enough with the different locale string files and testing with the --locale pararmeter on gulp serve.
What I don't understand though is ...
- 323
0
votes
1
answer
166
views
Is it possible to remove/disable News templates in SharePoint Online
I have a requirement and what i'm after is for users to be able to create a news post but i want them to use a specific template only and not to be able to use any of the other templates from ...
- 4,306
0
votes
0
answers
21
views
One WebPart not showing up in workbench while another shows up ok
I'm new to SPFX, and I'm trying to create a couple of web parts. I downloaded the Contoso Retail Demo and have basically cannibalised it to create what I need. The demo had multiple web parts in one ...
- 101
0
votes
1
answer
41
views
is there any function to get document more than 5000 in spfx
I want filter data from list and then filter only 5000 data are coming but there is more than 50000 documents.
Current code:
import * as React from "react"; import "bootstrap/dist/css/...
0
votes
1
answer
616
views
Function lacks ending return statement and return type does not include 'undefined'
I am implementing an API that interacts with the SharePoint List, and retrieve the data collection. Somehow the interface does not return statement.
private getCarouselListContent = () => {
...
- 115
0
votes
0
answers
117
views
How to display viva engage communities a user belongs to in SharePoint Online
I'm looking for a way to display viva engage communities a user belongs to in SharePoint Online.
I know I can see that via MS Teams.But the OTTB viva engage web parts in SharePoint doesn't provide the ...
- 4,306
0
votes
0
answers
16
views
PnP JS - getShareLink is not working for PDF files
const result: IShareLinkResponse = await sp.web
.getFolderByServerRelativePath(documentUrl)
.getShareLink(sharingLinkKind);
I am using this to generate shareable link with ...
0
votes
1
answer
55
views
I need to make my SharePoint page more interactive
I'm new here.
I'm working with SharePoint out of the box web parts and found out it is too basic with little customization.
I need to make some web parts interactive but could not due to its ...
- 1
0
votes
0
answers
19
views
Does SPFx colors affect the SharePoint Site theme
I have SPFx extensions and webparts deployed in the sites and both framework uses the custom color built in the .sppkg package. And I have custom site theme installed using PowerShell.
Does the SPFx ...
- 115
0
votes
0
answers
34
views
SPFX customFormatter
Is it possible to take the JSON of a customFormatter from a field info object and apply it when rendering a component?
I would like to render choice fields as they are displayed in a list view.
For ...
- 493
0
votes
0
answers
16
views
SharePoint workbench only works for some users
What exact permissions are required to use the workbench? (http://{tenant}.sharepoint.com/_layouts/15/workbench.aspx)
I'm trying to test an SPFx app which involves multiple users. I created some dummy ...
- 101
0
votes
0
answers
32
views
How to get the data from SharePoint library above 5000 items with pagination in SPFx?
How to get the data from SharePoint library above 5000 items with pagination in SPFx?
Current code I am using:
const [PublishDocument, setPublishDocument] = useState([]);
const PublishedDocument = ...
- 21
0
votes
0
answers
14
views
Is it possible to run multiple SPFx local workbenches for multiple user accounts in a single Azure VM?
Is it possible to serve multiple local workbenches for a single solution in one VM with multiple user accounts?
We are working on an SPFx development solution using SharePoint 2019, using one VM with ...
- 1
0
votes
0
answers
30
views
How do I make a SharePoint Web Part work when installed on a SharePoint instance that uses a vanity URL?
My team has developed a SharePoint integration that uses the SharePoint Web Part framework to embed a page from our application on a SharePoint page.
This is working well for most of our customers, ...
0
votes
0
answers
26
views
Pnp Rich Text Editor resizes automatically. How did I stop it from doing this?
I am using the pnp rich text editor. The textbox resizes itself automatically to accommodate the amount of characters in the text box. If there are too many characters, the textbox grows in size. How ...
- 11
0
votes
0
answers
27
views
Can we move code from ts file to tsx file in the react SPFx, will it work?
In react SPFx, property pane fields and interface was there in the .ts file while creating react SPFx project. I want to use it in .tsx file.
Will it work or not?
Because in every web part, .ts file ...
- 19
0
votes
0
answers
33
views
Page numbers are not rendering in Pagination control spfxwebpart react
I am using Fluent UI pagination control. Setting page count dynamically using state variable. But, it is not setting in the initial page load once webpart loaded. Showing only "Next" and &...
- 399
0
votes
0
answers
31
views
Can an SPFx custom webpart close an instance of itself?
I am working on a custom SPFx webpart. I wanted to know if there is a way to make the webpart close and/or re-open itself.
Ideally this would trigger when the user fills out the text fields in my ...
- 11
0
votes
1
answer
70
views
TypeError: Cannot read properties of undefined (reading 'post') Posting to Azure web API from SPFX
I hope someone can help me with this.
I’m getting error message TypeError: Cannot read properties of undefined (reading 'post').
The Azure function is working fine and is used in other projects.
2
votes
1
answer
205
views
While setting up a SPFx solution, getting node:path error
Node version - 12.22.12
Npm version - 6.14.16
SPFx version - 1.12.1
@microsoft/[email protected]
After npm i, when running Gulp build, its giving error as:
Error: Cannot find module 'node:...
0
votes
0
answers
39
views
Cannot Install React-Birthday Sample Webpart
I'm trying to install React-Birthday webpart from Github repository sample webparts but facing issue when running npm i.
Things I've tried:
I tried to remove node_modules, clear cache, install npm ...
- 361
0
votes
0
answers
32
views
I am creating an SPFx web part which shows a diagram from another third party website. I am using the embedded code inside web part
I am creating an SPFx web part which shows a diagram from another third party website. I am using the embedded code inside web part. the script I am using is:
<h3 class="website-title">...
- 1
0
votes
0
answers
24
views
Hightlighted Content webpart - filter based on columns and display content from another site collection
I'm working on an intranet build.We have decided to have a dedicated publishing site for News.I would like to display these news content on other sites.
The news webpart is great to do this but the ...
- 4,306