Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
1,047
questions
0
votes
0answers
6 views
SP 2016 - any way to install a SPFx web part on a site from code?
Given a SP 2016 (w/ Feature Pack 2) farm, is there any way to install a SPFx web part that has been deployed to the App Catalog on a specific site through code?
I'm talking about getting the web part ...
0
votes
1answer
17 views
Reverse the display name with split name on SharePoint Spfx
I am trying to show displayname from AAD using in my spfx but for the full name i cannot get the array of first item. I know i am missing something from below but couldn't analyse what's missing.
...
0
votes
1answer
23 views
Remove spfx webpart not in app catalog and site contents
I was working on the Spfx webpart and deployed multiple of them but in Advanced Category webpart items i saw some strange webpart. How can remove it from my site collection, it is not in Site contents ...
0
votes
1answer
46 views
SPFx - Increment Like in sharepoint list item rating
I have a SharePoint list with reviews enabled, I am trying to patch an increment to the like count within SPFx.
What's the best way to achieve this? Can't find much info online, can anyone point me in ...
0
votes
1answer
34 views
SPFx - How to get the URL and description from a hyperlink?
I'm trying to create a React SPFx web part which can render items from a SPO list.
I am having difficulty if the column is a Hyperlink. (I can get the value if it is a string).
Does anyone know how to ...
0
votes
1answer
18 views
Unreachable code detected in SPFx web part
I have created a React Web Part which is trying to show some data in an unordered list. Nothing fancy at all!
I can't for the life of me see what is wrong here but I'm being told my return in the ...
0
votes
1answer
25 views
What is the best way for SPFX webpart development
What will be the best way to organize webparts for a SPFX project.
My project is mid sized with not more than 10 webparts, should i be going on webpart per solution or or all webparts under one ...
0
votes
2answers
41 views
SPFx - How do I know which version of node, gulp and yo to use?
I see that certain versions of node, gulp etc. are incompatible with each other.
How do I know which versions are compatible with which?
0
votes
0answers
55 views
Add a new content type to an existing list
I have created an SPFx webpart, along with some site columns and content types defined in the elements / schema.xml. This works fine, and the columns and content type are deployed fine.
I'm ...
0
votes
1answer
13 views
SPFX propertyFieldCollectionData with FilePicker
I have been trying to get a FilePicker to work in the propertyFieldCollectionData without success
I have got an IconPicker to work using the below code
{ id: "icon",
title: "Select ...
0
votes
2answers
41 views
Can site collections with its own app catalogue see apps from a tenant app catalogue?
In my tenant I want to develop SPFx apps, but I also want to have a dedicated site to test them on first (and deploy to pages + on workbench). I'm thinking of making the tenant app catalogue the place ...
0
votes
1answer
18 views
SharePoint Online - SPFx - Handling releases to all sites?
I have created a few web parts in SPFx that I deploy to my tenant.
If I make changes to the web parts and deploy them to my tenant the changes will show up on all sites.
I am wondering what happens ...
0
votes
0answers
15 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
22 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
33 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
27 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
35 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
31 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
24 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
26 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
21 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
46 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
22 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
56 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
48 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
64 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
22 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
40 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
34 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
50 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
24 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
113 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
31 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
17 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
30 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
61 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
26 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....
2
votes
1answer
244 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
194 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
125 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
35 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....
