Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
1,037
questions
0
votes
0answers
13 views
After removing the SPFX webpart from Src folder it's coming in Sharepoint page toolbox
I have removed my web part from Src folder and also made changes in the config.json file and deployed in my tenant but the removed webpart is still visible in the SharePoint page toolbox(i am able to ...
0
votes
1answer
12 views
Adding external CSS (FontAwesome) to an SPFx webpart on SPO?
I use the code below to try to put FontAwesome in my web part.
It creates the tag on the page but it doesn't display anything.
When I view source on the page I don't see a reference to the CSS file.
...
3
votes
1answer
26 views
Web Parts missing in SPFx after gulp clean in SPO
I have an SPFx solution with about ten web parts.
This morning I ran a "gulp clean" and for some reason now I can only see two of my tens web parts on my tenant.
Any ideas?
0
votes
0answers
25 views
Build Microsoft Teams tab using SharePoint Framework SPFx not working on mobile device
I'm creating my first Microsoft Teams app using SPFx. Here is the tutorial I followed: https://docs.microsoft.com/en-us/microsoftteams/platform/get-started/first-app-spfx?tabs=cli
The app seems to ...
0
votes
0answers
11 views
SPFx webpart at times never loads
My Spfx webpart which is just getting one line data from the list using pnp just keeps loading at times, when refreshed it comes back to normal again, but at times this just keeps on loading and ...
1
vote
1answer
27 views
SPFX webpart shows at r is not a constructor error randomly
I frequently get the above error in my dashboard page which consist of few spfx webparts. This error appears randomly 1 in 10 times, The spfx webparts do not consume any pnp framework or jquery nor it ...
0
votes
1answer
25 views
Deploying Calendar list using SPFx
I am trying to create a calendar list using SPFx feature framework. Am able to create custom list with content types but Calendar list is not getting created.
XML for fields
<Field ID="{...
0
votes
1answer
21 views
SharePoint SPFx dealing with lookup field
My problem is that when I get the value of the lookup field ('Attachment') its retrieved as an array and I don't know how to deal with it, I mean how do I get the values inside this array, so any ...
0
votes
1answer
14 views
Is there a RSS Feed web part for a SharePoint modern page - Communications site
Is there a RSS web part for SharePoint online - comms site?
If there is none, is there any way I can display RSS feed on a comms site?
0
votes
1answer
7 views
Argument of type '10' is not assignable to parameter of type 'CanvasColumnFactor'
Why we cannot create a page section with the configuration of two columns with the first one filling the 2 of the 12 column of the layout and the second column filling 10 of the 12 column of layout.
...
0
votes
0answers
10 views
SPFX - Injecting custom javascript at runtime from property pane field
How is it that libraries like StratusForms are able to provide property panes for users to write custom javascript on the fly at runtime and inject that into the page? I don't understand the ...
0
votes
0answers
7 views
how to detect if the current spfx webpart has the classic properties pane opened
I am trying to set one of the webpart properties from the property pane dynamically via JS.
The ways mentioned in many articles works well for modern pages. If I set the property directly the SPFX ...
0
votes
1answer
19 views
How to upgrade dependency packages which have vulnerabilities
In our company we use veracode to scan our code and this tool give us a summary report at the end with the vulnerabilities found on our source code or dependencies.
I have created a new SPFx webpart, ...
0
votes
0answers
33 views
SPFX Image Map webpart - Only updates after browser refresh
I will prefix this question with that I am relatively new to SPFX development
I have created a react webpart utilising the react-img-mapper ,
I collect the MAP data from some ...
1
vote
1answer
21 views
SharePoint rest API for updating a site pages library item
I need to update a filed in the Site pages library using rest API. I tried with axios and spHttpClient & spHttpResponse, but it's not working. Is there any sharepoint rest API for updating an item ...
0
votes
1answer
31 views
SPFX webpart not added to site after deployment
I have developed a SPFx WebPart using react. When packaging this solution, I use the following commands:
gulp clean
gulp bundle --ship
gulp package-solution --ship
FYI, I'm using these options in my ...
0
votes
1answer
42 views
Updating a list in SharePoint framework - SPFx WebPart
I have followed this tutorial and this documentation in order to create lists and columns within SharePoint Online. Everything seems to work fine when creating them for the first time. But when I try ...
1
vote
1answer
44 views
SPFX webpart not showing when trying to deploy without CDN
I am currently trying to deploy a web part without using CDN. I can't seem to find any up to date guides that go through this process. I have tried following various other posts but my webpart never ...
0
votes
0answers
15 views
How to use items from api calls in another Api call
I have created configuration list which contains list name (configuration list).
I wanted to use those list name to get all the columns from those list and export to excel (export from multiple list)?
...
0
votes
0answers
44 views
Is there a way to do an if statement in a KQL query?
I'm using the PnP Modern Search SPFX web parts to build a staff directory. The web part configuration accepts a KQL query and allows you to specify the query template. I have specified a query ...
1
vote
1answer
21 views
SharePoint Framework not working with script tags
I'm trying to create a web part within SharePoint framework which includes <script> tags however they do not run while in SharePoint, see example code below:
public render(): void {
this....
1
vote
0answers
31 views
SPFx CDN failed to load. 406 (Not Acceptable) Error
Web part is not loading, it's not able to load files from public SharePoint CDN.
Console error:
My findings on this issue:
I have checked with 3 users and one user is getting this error.
For me, ...
0
votes
0answers
22 views
Inventoring SharePoint Online Custom web parts
I want to list all the custom web parts from a SharePoint Online Site using PowerShell.
So far I have the command Get-PnPApp so I could use PnP commands. Also the command $web.AppTiles lists the ...
0
votes
0answers
29 views
SPFx WebPart started giving TypeError: Cannot read property 'Content' of undefined
This webpart was working on a classic Publishing site. Recently, it started throwing this error message:
Error details: Error: Error initializing application. Error: TypeError: Cannot read property '...
1
vote
1answer
32 views
Best way to use SharePoint API to search across multiple lists at once
I'm new to SharePoint Online/SPFx development after spending several years building front-end webparts in SharePoint 2013 with JS/jQuery. I'm used to using the SharePoint API, but the functionality ...
1
vote
0answers
42 views
SitePicker PnP control not returning any value in my one of the tenant
PropertyFieldSitePicker Pnp control not returning any value in my one of the tenant but in another tenant, it's working fine.
Scenario: I have created one SPFx solution with PropertyFieldSitePicker ...
0
votes
0answers
23 views
What Permission required to add SPFx web part in Microsoft Teams Tab and Personal App
I didn't find any blog regarding what permission I require to add SPFx web part to Microsoft teams tab and personal app.
1
vote
1answer
90 views
Multiple webpart with MGT Control not working in single page in React SPFX Sharepoint
I have used MGT Person Control in my two SPFx web parts.
If I add the single web part on one page and another web part in another page, both web parts are working properly.
And if I add both the web ...
1
vote
1answer
24 views
Static IP address for custom SPFx App and SharePoint Online
I have a custom web part that I'm building using SharePoint Framework to go on my SharePoint Online tenant. The application will be hitting a third-party API to fetch data.
The complication is that ...
0
votes
0answers
15 views
how to fetch and submit group name field data based on current user login location in different SharePoint list in spfx solution
I created a simple form for employee data and SharePoint list (EmployeeDetails)
Name (auto-fetch)
Email (auto-fetch)
Location (auto-fetch)
Description
Group (added in backend SharePoint list for each ...
1
vote
0answers
22 views
I need to create a SPFx web part which looks like tab and click on each tab it will show out of the box web part like organization chart etc
I need to create SPFx web part that will be displayed in SharePoint modern page.
When I click on tabs it will show out of the box web part like organization structure, news, etc.
Any suggestions?
1
vote
1answer
38 views
Displaying a Qlik Sence Dashboard in SharePoint SPFx React Webpart
I want to create a SharePoint Online SPFx web part (using React) and want to embed QlickSence Dashboard in that web part.
I am working with iframe, is there a better way of embedding using react?
0
votes
0answers
25 views
Pdf document is not downloading using copy link url
I have used below query string (download=1) to download all documents but pdf is not downloading with the same query string.
https://sample.sharepoint.com/:b:/r/sites/Samplesite/SampleLibrary/sample....
1
vote
1answer
185 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/...
0
votes
2answers
137 views
how to dynamically get icon of the files using file extension
Is there any way to dynamically get the icon of the files using its extensions in Sharepoint SPFX?
Thanks in Advance!
1
vote
1answer
102 views
How to design a feedback form using SharePoint online modern pages without using microsoft forms
I need to create a SharePoint modern page in which our clients can give us feedback (rate us and perhaps let us some suggestions).
We are not allowed to use microsoft forms. What other possibilities ...
1
vote
1answer
32 views
how to render or display data in react useeffect hook
I am able to get data in react JSON object, now I want to convert the JSON to string data and display into the page, Please find the below screenshot.
export const QvcPollsTab = () => {
...
0
votes
1answer
18 views
Sharepoint Online custom app distribution failed for co-worker, not for me
I've been developing and deploying a custom web part on our SPO tenant for a while. Today, my co-worker tried to deploy a new version of the app.
He successfully uploaded to the app to https://tenant....
0
votes
2answers
413 views
Using custom fonts in spfx web parts
I have a custom web part that displays weather data and I'm using a custom icon font to go along with the data.
It works on the hosted workbench but when I package the solution and deploy it on my ...
0
votes
2answers
37 views
async function and await keyword not returning any value
I am trying to get the SourceID of the document in Async call using await keyword but I am not getting the value.
I am new to this concept, could anyone tell where I am doing mistake.
I have added my ...
0
votes
1answer
33 views
SharePoint SPFx webapp on staging site
I created a SharePoint SPFx react webpart that is now deployed on one of my SharePoint sites.
I want to continue to make updates to this webpart. I "cloned" my SharePoint site so that it can ...
0
votes
0answers
13 views
Blank space in page spfx webpart
Hi All i have created spfx webpart and deployed in sharepoint page but if i change resolution to less like 90 to 80, 75 to 65 space from right hand side scroll to my webpart keep increasing it work ...
0
votes
1answer
64 views
Submit People Picker value into Sharepoint list column(Person and group) in SPFX (No Javascript) framework
Using SPClientPeoplePicker in the form
Is there any way to submit value from PeoplePicker into Sharepoint List Column(Person and group)
I am getting an error , using this piece of code for ...
0
votes
1answer
166 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 ...
0
votes
1answer
244 views
Retrieve item ID after adding to SharePoint list using PNPJs
I'm building a SharePoint SPFx react app. In a nutshell, the user fills out a form that I created. When the user hits submit, using PNPJs: https://pnp.github.io/pnpjs/sp/items/ I'm adding the item to ...
0
votes
0answers
111 views
Height issue in React Slick Slider
I am using React slick slider in my spfx react webpart. how to fix this below issue, i want to have same height for all the slides.
Added my css and render method below.Any help would be appreciated.
....
0
votes
0answers
28 views
SharePoint Page URL
I have created an SPFx web part and added it to an page (eg. "abc.aspx") in SharePoint. Then I made this page as an welcome page for my SharePoint site.
Now the URL of the welcome page is:
...
0
votes
1answer
61 views
Subscribing to list changes using ListSubscriptionFactory: failed: WebSocket is closed before the connection is established
I followed the Subscribe to list notifications article. I was able to get notified when list items were added or updated. The code:
export default class BookingRequestsWebPart extends ...
0
votes
1answer
119 views
Extra hover CSS on Fabric control in SPFx webpart
For all of my fabric control, I am getting extra hover CSS in my SPFx web part.
How can I remove that extra hover?
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:...
0
votes
1answer
75 views
Check null value in spfx webpart
I am trying below code which will pull data using rest and bind in table but i want to display message if contact column data is blank in any items tryin below but not working
{this.state.items.map((...