Questions tagged [spfx]
General technical questions about the SharePoint Framework client-side development model.
1,552
questions
0
votes
0answers
5 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
5 views
System.UnauthorizedAccessException
I am working on a command set extension that is updating file metadata in sharepoint site but getting access denied error when updating with the token acquired using spfx aadTokenProvider. The user ...
0
votes
2answers
19 views
https://graph.microsoft.com/v1.0/users returns a 403 Authorization_RequestDenied
I have an SPFX application deployed on SharePoint online that requires to get the users of a SharePoint site collection.
To do that I used the PNP Graph library using the JavaScript command graph....
0
votes
0answers
5 views
strange behavior while editing classic page with React
I notice for the second time now that if you load a page and edit the react controls works just fine and the events are correctly working for changing any internal component state.
The same does not ...
1
vote
1answer
25 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
25 views
Problem compiling React-Bootstrap in SPFx Project
I have installed react-bootstrap@2.0.0-beta.6 on my machine and included it in my project with 'import ~bootstrap/scss/bootstrap'.
When I run gulp serve I get the following error:
[13:46:14] Error - [...
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
16 views
How to add a Teaching bubble on Microsoft Teams Pinned App
I would like to have a teaching bubble on Microsoft Teams app that is pinned on left rail.
I created the SPFX for teams that contains the fluent UI teaching bubble but the challenge is app can only be ...
0
votes
2answers
23 views
SharePoint Online: Open up HTML files in browser
Before when I used SharePoint 2013, opening HTML files would open up in the browser and my JavaScript code works. Recently, my organization switched to SharePoint Online and I noticed the HTML files ...
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
32 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 ...
0
votes
1answer
27 views
Run JavaScript code when SPFX app is installing
Is there any way to run JavaScript code when an SPFX app is installing. To be specific - I would like to change the permissions for the lists that are being deployed by the same app. If there is no ...
2
votes
0answers
15 views
How to use paging SharePoint lists along with sorting and filtering
I am trying to apply paging in a SharePoint list. Everything works fine with the following query:
const queryUrl = `${context.pageContext.web.absoluteUrl}`
+ `/_api/web/lists/GetByTitle('...
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
12 views
Apply filtering to modern list via SPFx extension
New to SPFx.
Developing within SharePoint 2019 on-prem.
SPFx 1.4.1
I have a list that has 2 date columns (as well as many other columns). The 2 date columns' names are "Effective Date" and &...
0
votes
1answer
29 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
0answers
12 views
Which is the newest supported version of @pnp/sp for SP 2019 (SPFx 1.4.1)?
When developing against SharePoint 2019 on-prem with tne last supported SPFx v1.4.1, which is the newest supported version of @pnp/sp that works? I see that v1.3.9 works - the solution can be built ...
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
50 views
Configuring Dev environment for SP2016,SP2019 on prem and M365
I have several clients who are needing to migrate from SP2016 to SP2019 over the next 2 months.
We will be setting up a hybrid environment for these clients where Intranet & Extranet requirements ...
0
votes
1answer
18 views
jQuery Datatable not loading - SPFX Application Customizer
I'm trying to migrate jQuery Datatable from On Prem 2013 to online, I'm gonna create SPFX application extension, where I insert the scripts in order, still datatable is undefined.
$.fn.dataTable is ...
0
votes
1answer
21 views
Identify if guest sharing is enabled in SPFx
I tried using context.pageContext.legacyPageContext.guestsEnabled, but it returns false when external sharing on the site is set to "Existing guests only" and works fine for "New and ...
0
votes
1answer
56 views
How to set autoFocus for fluent UI Dropdown control
I want to set up autoFocus for fluent UI dropdown control there is the property for TextField as autoFocus and we can set it as true or false. but there is no such property for Dropdown control.
So is ...
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)?
...
1
vote
1answer
15 views
SPO site collection app catalog and custom scripting
Do we need to enable custom scripting in site collection before setting up app catalog in site collection?
Thanks,
Praveen Kumar P
0
votes
0answers
8 views
How to mention a user in Outlook email body using SPFx PnPjs ,so that it shows what exactly should show if someone mention in Outlook email
How to mention a user in Outlook email body ? I am using SPFx so in PnPJs or MSGraph any solution will be fine. Just want to use exactly the same functionality that Outlook offers when we mention ...
1
vote
1answer
20 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, ...
1
vote
2answers
57 views
How to set up QA and UAT environment in SharePoint ONLINE(not on-prem) for SPFx solutions
I've tried to search on the internet for quite a while but still can't find a concrete answer to this question.
For DEV and QA environment, SP recommends to create a tenant for each developer, I am ...
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 '...
0
votes
2answers
23 views
Is there any way to do custom action while leaving the SharePoint site
I have a scenario, I need to get feedback from the user who is leaving the SharePoint site.
Is there any way to achieve this kind of functionality? Please share any reference for this functionality.
...
1
vote
0answers
17 views
Install event for SPFx extensions
I'm just wondering, is it possible to configure SPFx extension to send Install/Uninstall events like the SharePoint AddIn sends to the remote event receiver (RER)?
0
votes
1answer
20 views
Customizing All Views of Document Library To Open Another Form Page On Any File Upload Action
I've seen a couple of posts in this forum that are somewhat related to users wanting to set up a custom upload form which requires users set metadata (column values) before an upload is permitted. I ...
1
vote
1answer
27 views
Modify the position of application customizer (Breadcrumb) SPFX
I need to change the position of an application extension on my page. It sits at the top, I want to drop it lower. The Microsoft documentation I have seen just points me to the top or bottom region. ...
1
vote
1answer
31 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
41 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.
0
votes
1answer
74 views
Hide Save and cancel button
I have a SharePoint list and a Power Apps form for the items of this list.
I have created a Save button on my PowerApps form because I have flows to run before the save.
So I would like to hide the ...
1
vote
1answer
88 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 ...
0
votes
4answers
157 views
SPFX display rich text field in webpart
I am creating an SPFX React project that will display a field from a SharePoint list in a web part
A user opens the property pane and:
selects a list
selects the item ID from that list
selects the ...
0
votes
1answer
92 views
CSOM - unlock file locked for shared use
I have an SPFX application where the user can visualise a number of files stored in SharePoint. The files are open on an IFrame on the left that points to Office Online while the metadata are ...
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 ...
1
vote
1answer
117 views
React SPFX - populate Property Pane Drop down with ID's from SharePoint list
I am new to spfx and struggling with a simple task...!!
I have a property pane drop down selecting a SharePoint list which works, now I would like a drop down that is dynamically populated with the ...
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 ...
0
votes
1answer
55 views
Sample code to set target audience for Each items in the Spfx webpart
Is it possible to set the target audience for each items in the SPFX webpart. Please let me know if any sample code or article is there for that.
Thanks in Advance!
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
33 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....