Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
1,137
questions
1
vote
2
answers
17
views
CSOM API how to find claims accounts unassociated with a site
I'm trying to find claims accounts that are not associated with a site. These would be "{SiteName} Owners" and "{Site Name} Members" users that are automatically created in ...
- 13
0
votes
3
answers
22
views
SharePoint: how to put the box in the header area or navigation?
Anyone know how can I put the box in image in the navigation area without using SPFx just CSS only.
- 21
0
votes
1
answer
25
views
SPFx Reading a Variable in from a SharePoint list
Creating a custom SPfx Webpart. I'd like to read in some data from a Sharepoint list - I can do that. Issue I am running into is that some of that data includes variables. When it gets loaded it's ...
- 103
1
vote
2
answers
31
views
How can I add a image/shape in navigation bar?
I need to put shape or image that can when it scroll up or down it will never move in its position and it float it until navigation to footer.
Like this one a heart that fixed in every part of the ...
- 21
2
votes
1
answer
47
views
How to put image and link under PropertyPane Description field for the web part in SPFx?
I was trying with using React.CreateElement in the description field and changing the type for the description field from string to IPropertyPaneField in the interface, but this declaration exists in ...
- 21
0
votes
0
answers
24
views
Is there any way that I can use Application Customizer extension in whole site and only for one page?
I have created a Application Customizer extension of permission for single page URL. Is there any way that I can use this extension in whole site?. If yes, how to do it?
0
votes
1
answer
33
views
SPFX WebPart - Passing variable to Property Pane
I'm in the process of creating a WebPart that has similar functionality as the QuickLinks WebPart.
like QuickLinks, I have got the properties pane to display fields depending on whether the webpart ...
- 13
0
votes
0
answers
21
views
Rich Text editor in React SPFX webpart in SharePoint online
I am trying to use the Richtext control from @pnp/spfx-controls-react. The control loads properly but I am not able to resize the image and even I am not able to apply custom css the Rich text control....
- 21
1
vote
0
answers
10
views
I'm adding a React people picker to an spfx webpart app and having trouble setting it dynamically
I've build an app in a webpart with a React people picker contained in its own div. It's the only React component. I need to dynamically clear and add users to the people picker from the webpart scope....
- 136
0
votes
2
answers
36
views
Adaptive Cards Cannot add description property
I am trying to build Image Adaptive Card for the first time, I thought "Description" Property can be added how it can added in the normal web part SPFx. I was wondering how to add "...
- 57
0
votes
0
answers
17
views
Uncaught TypeError: Cannot read properties of undefined (reading 'context') in spfx
When I am checking my published document that time I am facing this problem, before this it was running fine.
- 21
0
votes
1
answer
28
views
trying to bundle https://github.com/FaganSC/spfxModernCalendar will raise this error "Error: Cannot find module 'webpack/lib/ParserHelpers'"
I want to run the following command gulp bundle --ship on this SPFX @ https://github.com/FaganSC/spfxModernCalendar. But i got those error Error: Cannot find module 'webpack/lib/ParserHelpers':-
D:\...
- 25
0
votes
0
answers
26
views
I am using the js-modern-calendar but is there a way to add eventsdirectly from the calendar view
I am working on this SPFx web part @ https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-modern-calendar .. but can we add the ability to go to specific day and add events?
Thanks
- 25
0
votes
1
answer
21
views
I am using the js-modern-calendar but I want to change the background color for Today block inside the calendar
I am working on this SPFx web part @ https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-modern-calendar but I want to change the background color for Today block to different color:
How I ...
- 25
0
votes
1
answer
30
views
Modifying button colors via SPFx is not being reflected
I am working on this SPFx web part @ https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-modern-calendar.
Now when I click on a event inside the calendar, I will get this dialog box with a ...
- 25
0
votes
0
answers
17
views
How to download selected multiple files as zip in SPFx development?
i am creating custom document library web-part, with the multiple file download functionality similar to the out-of-the box feature. how can we do that?
- 175
0
votes
1
answer
18
views
Build WebPart Properties based on Graph API/Promise response
I'm trying to restrict a custom WebParts properties pane based on whether a user is a member of a MS group
I have built the Graph API call etc... and it simply returns true or false.
Now I want to ...
- 13
1
vote
0
answers
29
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
1
answer
10
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 ...
- 319
0
votes
0
answers
11
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
69
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
17
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";...
- 972
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
55
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] ...
- 972
0
votes
1
answer
53
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": "...
- 972
0
votes
0
answers
91
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 ...
- 972
0
votes
1
answer
55
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 ...
- 972
1
vote
1
answer
42
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
38
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
...
- 972
1
vote
1
answer
49
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
29
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
73
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
17
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 ...
- 183
1
vote
2
answers
204
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
175
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
83
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
17
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
138
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
36
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
130
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
222
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
58
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
199
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
19
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
41
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, ...
- 319
0
votes
1
answer
92
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 ...
- 13
1
vote
2
answers
45
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
107
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 ...