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
0
votes
0answers
3 views

how to clone a specific sample from github (sp-dev-fx-webparts) repository locally to my drive

I would like to clone a specific sample from this github https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-calendar I would like to clone the folder react-calendar Which git command do ...
4
votes
2answers
1k 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 ...
0
votes
1answer
1k views

WebParts keep loading untill I scroll down the page or perform a zoom

environment:SharePoint online;Sharepoint Framework; Programming languages:TypeScript During page loading, sharepoint custom web part keeps on loading Nothing does change untill I scroll down the ...
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
891 views

Two Web Parts Side by Side

I am having trouble customizing my SharePoint site. I want to add multiple webparts side by side on my page but SharePoint doesn't have this option natively. You can only add them in the downward ...
4
votes
1answer
1k views

SPFX and react-router

I'm having trouble getting react-router working on my SharePoint Web Part with React and TypeScript. I have tried react-router as a standalone webapp and it works fine. Just can't get it working on ...
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
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 ...
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
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
3answers
3k views

getting current logged in user in SP list

I have made one webpart using spfx, on submit button its values are pushing in SP list but in SP list I want user who is currently logged in, its value should come in one of the field of Sp list, how ...
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 ...
1
vote
1answer
2k views

SharePoint Framework ( SPFx) is it possible to create custom HTML page

Just started learning SPFx, so had many queries. First of all In SharePoint Framework ( SPFx) is it possible to create custom HTML page and make that as default landing page for add in. So that we ...
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
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
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

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
2answers
42 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 ...
2
votes
1answer
363 views

Correct and reliable way to load bootstrap in SPFx webpart

ello, I know there are couple of ways to load bootstrap in our SPFx webpart. But it seems there is some inconsistency on how to add its reference in webpart.ts I am trying to load bootstrap.min.js ...
1
vote
1answer
1k views

Taxonomy Field Values/Filtering with SPFx

I'm looking for some examples or guidance for working with taxonomy fields in SharePoint Framework. What I need to do is have a field that is tied to a TermSet. Based on the user's input into this ...
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?
3
votes
3answers
2k views

Is it possible to open modern item edit form panel from custom SPFx webpart?

Is it possible to open EditForm panel from my SPFx webpart? Something like in list view, if an item is selected, side panel appears with read-only properties and a button "edit all" enables user to ...
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 ...
1
vote
1answer
1k views

Cascading dropdown list in SPFx web part

Can someone help me with this issue as I would like to create cascading dropdown lists inside the web part itself and not in the property pane. I have found this code in [github react-...
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="{...
1
vote
1answer
36 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
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 ...
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
27 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
1answer
1k views

Getting "Access token validation failure. Invalid audience" for Aad application in spfx

I have created one AAD application with below configuration and trying to access the Graph APIs added in the AAD application using SPFx SPFx configuration and code: Error: Please suggest if I am ...
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
1answer
884 views

SPHttpClient undefined error: Using React JS to add item in SharePoint list

I'm trying to add an item in SharePoint Online list using SPFx solution where I'm using React JS to perform the action. Below is the copied code, when debugging it says that: "VM242:1 Uncaught ...
1
vote
1answer
1k views

Getting SharePoint news using rest API in SharePoint Online

Is there any rest API available to get the recent updates or news related to a site in SharePoint Online? How To Read The SharePoint News Using Rest API In SPFx I have found above post but it does ...
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
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 ...
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
1answer
983 views

Angular 2 Routing in SharePoint Framework - SPFX

Using Angular.IO site's Routing example , I created a simple SPFX webpart with two components Dashboard and HeroDetails. When I try to run it through SharePoint site I see following error. Attaching ...
4
votes
1answer
2k views

How can I force SPFX webpart to not show cached data in SharePoint online

I have created a SPFx webpart which reads parameters from page URL query strings and renders data accordingly. After the page is loaded and I press back button and again access the page with ...
2
votes
1answer
2k views

how to use react-bootstrap in SPFx webpart

installing react-bootstrap straightforward; "npm install react-bootstrap --save" and "npm install @types/react-bootstrap --save" then add references import FooButton from 'react-bootstrap/...
0
votes
0answers
47 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
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
908 views

SPFx app not showing up in the webpart list

As I am new to SharePoint Framework, I am trying to update an existing web-part (updated the version in package-solution.json). Updated .sppkg file in app catalog (overwrite), shows new version number....
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
1k views

SPFX create and use an array

As a newbie to SPFx, how do I create and use an array? everything I've tried fails to populate the array. let CustomerList: Array<any> = ['1', '2', '3']; let array1: any = ["Panda", "Zebra", "...
0
votes
1answer
1k views

How to retrieve Image column from SharePoint list using React js SPFx

I am trying below TypeScript to retrieve the Image column using SPFx .Unfortunately image is not rendering on page. Please help me on this.

1
2 3 4 5
21