Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
1,123
questions
1
vote
0
answers
18
views
How to show an Image in an email from the SharePoint document Library in SPFx webpart
I have an email function where on click on a "SignUP" button user is notified on a outlook about his successful enrollment on that course. So I am able to send an email, but I want to ...
0
votes
0
answers
3
views
Search functionality Organizational Chart
Is there any Organizational Chart web part sample for SharePoint Online that has the search functionality which allows any user to search by employee name?
I found that Pulmsail already has this ...
- 317
0
votes
0
answers
8
views
How to change SharePoint Site language programmatically using spfx extension
it there way to change language dropdown of SharePoint site such as English to German using spfx solution ?
I am looking function like
pagecontext.setLanguage(1031);
- 73
0
votes
1
answer
28
views
SPLoaderError.loadComponentError Sharepoint
I am trying to learn SPFx. I use SharePoint 2019. When I run "gulp serve", I found :
Something went wrong
If the problem persists, contact the site administrator and give them the ...
0
votes
0
answers
12
views
read uploaded excel sheet file and loop through its items to update a SharePoint site column choices inside our SPFx
We have the following Panel to manually add/delete choices inside a SharePoint column named Category:-
and here is the related .tsx code for the above Panel:-
import * as React from "react";...
- 948
1
vote
0
answers
12
views
Show a different image dependent on the value in my ProjectItem in SharePoint Online SPFx
I want to render a different image depending on my value of the project traffic light status. This could be red, yellow or green. If the status is green, I show green and so on.
I don't know where I ...
- 21
0
votes
1
answer
26
views
"gulp serve --nobrowser" is raising this error "Task never defined: serve"
I am trying to run this command for my SPFx gulp serve --nobrowser,, but i am getting this error:-
C:\Windows\System32>d:
D:\>cd D:\Systems
D:\Systems>gulp serve --nobrowser
[13:23:37] ...
- 948
0
votes
1
answer
32
views
Debug our SPFx web part inside VS Code inside a site collection workbench will not show the related web part
We are developing an SPFx web part, and using VS code & Chrome debugger extension >> I debug the code:-
and we specify to debug inside a hosted Workbench:-
{
"version": "...
- 948
0
votes
0
answers
36
views
Cannot find module 'react' or its corresponding type declarations.ts(2307)
Inside our SPFx web part we are getting this error:
So inside the SPFx directory, I ran these 2 commands:
npm install react
npm install --save-dev @types/react
But we are still getting the same ...
- 948
0
votes
1
answer
22
views
My SPFx compatibility between SPFx & Node.js
Inside my node.js I have the following version:
D:\SPFx Systems>nvm list
* 14.18.1 (Currently using 64-bit executable)
12.22.7
10.24.1
8.17.0
And inside my SPFx I have this inside ...
- 948
1
vote
1
answer
34
views
How to retrieve a specific item with SPFx and Query in the React Framework SharePoint Online
I would like to get a specific item by ID. I'm really stuck how I can retrieve this item.
I called the list and tried to save it in an object and then should in the render() function.
Here is my code ...
- 21
0
votes
0
answers
35
views
Steps to create SPFx web part which consume 2 REST APIs and show their results
We want to create a custom SPFx web part which consume those 2 RESt API:
One to get a list of all reviews from Google:
https://developers.google.com/my-business/content/review-data#list_all_reviews
...
- 948
1
vote
1
answer
33
views
SPFx Web Part Property Pane refreshes web part on every keystroke
I'm using the example "Hello World" code as a basis for my web part.
I added two fields to the property pane.
I see the fields in the property pane when I edit the web part, but it refreshes ...
- 967
1
vote
1
answer
19
views
SPFx Webpart as Source for List properties Webpart
I wanted to know if it is possible to connect a custom SPFx Webpart to the List properties Webpart.
Since it is possible to connect two custom Webparts via DynamicData (as documented here) it seemed ...
- 11
1
vote
0
answers
41
views
SPFx extension customizer JS files is not loading on production tenant of my SharePoint Online site
I have two different tenant, one is for development things and another for production.
I have developed one SPFx extension and deployed on development and production site. It was working perfectly ...
- 11
0
votes
1
answer
16
views
Trying to set up SP Framework - Can't get past Command Prompts
I'm trying to take the plunge into getting SP Framework set up so that I can add the modern script editor (frustrating that it isn't an easy process to set up). I've followed numerous tutorials, but ...
- 173
1
vote
2
answers
106
views
Facing Error Implementing CRUD operations using spfi pnpjs package
I was trying to implement CRUD Operations using spfi. So, I was following this PnpJS Blog to find solution to my problem: https://pnp.github.io/pnpjs/sp/items/
So, they have imported spfi and assigned ...
0
votes
0
answers
71
views
Undefined (reading 'web') error when using pnp/sp
I am trying to write a web part that gives the user a list of document libraries for the current site they are in, allows them to choose from this list, and then click a button which then gets all of ...
- 23
1
vote
1
answer
60
views
Error while following Microsoft documentation on web part caching with PnPJS
Microsoft official documentation-
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/use-sp-pnp-js-with-spfx-web-parts
In the PnPjsExample.tsx part, this part of code has:
const ...
0
votes
1
answer
11
views
Jquery .load() not working properly
I am building a react spfx solution that looks like a website. It has a nav bar. The navbar is actually links to the site pages in the same site. What I need is load the contents from "...
- 101
1
vote
1
answer
90
views
Attempting to delete multiple items from SP list using pnpjs V3 but getting error on ```createBatch()```
I'm following this documentation: https://pnp.github.io/pnpjs/sp/items/#add-multiple-items But I'm getting an error with sp.web.createBatch():
import { SPFI, spfi, SPFx } from "@pnp/sp";
...
- 438
0
votes
0
answers
33
views
MS Graph Client not working as a SPFX tab in Desktop Teams
Is there any way as I am able to use Graph API in SPFX webpart which is working fine in sharepoint page, Teams tab in Microsoft teams Browser verson
Failed Ms Graph Client to call Graph API as a SPFX ...
- 35
0
votes
1
answer
70
views
Graph API call from SPFX tab with MS Graph Client
Can we call Graph API directly through MS Graph Client for SPFX tab in team Desktop??
Here is the sample of git which call Graph API directly in teams tab without any authentication flow or access ...
- 35
0
votes
0
answers
38
views
Consuming Powershell Azure Function from SPFx webpart (no framework)
I've a working Azure Function(anonymous authentication) written in powershell. I'm trying to consume this in SPFx.
I'm able to send the request to the azure function, but I'm unable to find a way to ...
- 95
0
votes
0
answers
15
views
PeoplePicker mismatching SharePoint IDs
I'm using people picker for a web part. However the ID's are mismatched. When I chose Adele Vance on my people picker (ID 12) and save, it stores it in the list as SG1 (one group I have on my AD).
My ...
0
votes
1
answer
148
views
Unable to run my webpart using gulp serve
I'm trying to work on a project of a SPFx web part. The project was built normally but when I try to test my web part on my tenant the following error occurs:
"Your web part will not appear in ...
0
votes
0
answers
41
views
Store or Update an object array in WebPartProperties from child component - SharePoint Framework (Spfx)
i have a child component in a SPFx WebPart where a build up an object array containing People objects. This array is build up when the page/webpart is in edit mode.
After page save I wont to pass the ...
0
votes
1
answer
106
views
Error - gulp serve not loading the webpart page
I am trying to set up my dev environment for SharePoint online based on Microsoft guide line.
The video is SharePoint client-side web part (Hello World part 1), and I am having an issue when I am ...
- 525
0
votes
0
answers
16
views
Evaluate SharePoint Formula within a custom web part
I am building a custom web part and want to honor the conditional formula set to determine if the list field should be shown. The value I am interested in evaluating is set by selecting edit ...
- 1
0
votes
1
answer
36
views
SharePoint Online - Social Media Integration
I have a requirement to allow employees to share "News Posts pages" to their social media accounts (Facebook, LinkedIn, and Instagram) from our intranet SharePoint Online Site. In addition, ...
- 317
0
votes
1
answer
52
views
Update input based on a radio button selection in the properties pane
I'm trying to update a input field value in the properties pane, based on a radio button selection, but its not changing.
I'm sure it'll be something simple-ish!
I've looked about but can't find a ...
- 3
0
votes
1
answer
36
views
Does anyone know how a custom SharePoint list to be showed as a persona card?
I'm a new in SharePoint solution ,my problem is that i have a custom SharePoint list which have people inside and i want that people with the credentials to be showed as a persona card like MS graph ...
0
votes
1
answer
66
views
Does anyone know how to display data from a sharepoint list as an image?
Does anyone know how to display data from a SharePoint list as an image ? I want for an example each row from the SharePoint list to display as an image to the hub site . For examples i have 5 custom ...
0
votes
1
answer
44
views
document.referrer sometimes returns blank value
Page A contains a DetailsList, which has links to different pages.
Page B contains a file viewer web part.
Clicking on any of the links on "Page A" DetailsList row items, directs the user to ...
0
votes
0
answers
18
views
Does anyone know how to fecth automacally data from a sharepoint list and be shown as persona card?
I have SharePoint list which had contacts and want to make a SharePoint framework solution that will fetch these data and show it as a persona card .I cant figure out and I'm trying to solved for a ...
0
votes
1
answer
146
views
Does anyone know how to use live persona card and load data from a SharePoint list?
Does anyone know how to use live persona card and load data from a SharePoint list
0
votes
1
answer
43
views
how to dynamically populate image in propertyPane dropdownOptions?
check this image i want to get the same in DropdownOptions like this
https://i.stack.imgur.com/ihfJn.png
i'm getting key and title on the property pane perfectly i just need to display images from ...
0
votes
1
answer
28
views
SPFX library code is also bundled with webpart code
I have deployed a library and webpart in sharepoint and later I updated the library and deployed it again then I have noticed the code in the previous version library is getting executed.
I have also ...
0
votes
1
answer
54
views
How to achieve web-parts-full-width for List Views (OTB) - Modern UI
I would like to make the OTB list view have a full width. I want to get rid of the scroll etc.
I have gone through this article
I created a web part as suggested and changed the manifest to "...
- 4,100
0
votes
0
answers
33
views
Problem with SharePoint WebPart in Safari
I have created a simple SharePoint WebPart that loads data from the MSGraph API and then renders it to the page. The problem is it doesn't work in Safari, due to third party cookies being blocked.
As ...
- 1
1
vote
0
answers
59
views
SPFx - Webparts won't load proper on first load
I'm currently making SPFx Webparts for the SharePoint Online segment.
Since some time when I start a new browser session and head over to my 'portal' 1 of duplicates partially to other components. See ...
1
vote
1
answer
123
views
How to use single page application in SPFx with react [closed]
I am trying to create a single page application in SPFx using react.
When I am using React routing, I am facing below problem:
How to create a single page application in SPFx using react?
- 21
0
votes
1
answer
30
views
SharePoint Add-in web part display options in UI
I've created a SPFx solution where it is not automatically available in all sites. It's been added to App Catalog.
Enabled - Yes
Deployed - Yes
Added to all sites - No
Though it is possible to add ...
- 1,501
0
votes
0
answers
19
views
SPFX webpage embedded into teams website tab
Below is the screenshot of Microsoft teams web browser
I have embedded webpage build in SPFX using Graph Api to fetch data which is working fine here
But when opening same tab in desktop teams ...
- 35
0
votes
0
answers
18
views
How to make a Modern SP Online webpart a full-width-column - Team site and Comms Site
I would like to have a full width column for my team site and comms site.
I came across this site
But not sure if this is a good solution and will it only work for a comm site?
Any resources and ...
- 4,100
2
votes
1
answer
118
views
Ternary operator in SPFx to show hide
I am Working on SPFx and writing below code to get current user belong to particular group or not and if its belong then show else hide
below is my interface:
UserInGroup:boolean;
State:
UserInGroup:...
- 35
0
votes
0
answers
81
views
How to get the Discussion Board list data using SPFx using react library with the fabric UI
I am trying to get the data of the "Discussion Board" list in the form using SPFx using react library with the fabric UI.
The image of "Discussion Board" list is given below
when ...
- 45
1
vote
1
answer
185
views
TypeError: Cannot read properties of null (reading '') in SPFx with React
I am new to SPFx with react. I am creating a webpart to include a dropdown to have options from a choice column of a sharepoint online list. When loaded the dropdown from a static option values it ...
- 13
1
vote
1
answer
53
views
SPFx package with app catalog metadata
Is it possible to create an SPFx package (.sppkg) that includes properties to populate the app catalog when it is uploaded?
I'd like to include the Icon URL, description, support URL, etc. Right now, ...
- 290
0
votes
0
answers
40
views
Bind selected people picker
Hi All writing below code to get people picker but how to bind selected value in people picker currently if select nothing happen
<ListPeoplePicker ref={(input) => this.listPeoplePicker = ...
- 35