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
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 ...
user avatar
  • 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.
user avatar
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
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?
user avatar
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 ...
user avatar
  • 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....
user avatar
  • 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....
user avatar
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 "...
user avatar
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.
user avatar
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:\...
user avatar
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
user avatar
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 ...
user avatar
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 ...
user avatar
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?
user avatar
  • 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 ...
user avatar
  • 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 ...
user avatar
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 ...
user avatar
  • 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);
user avatar
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 ...
user avatar
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";...
user avatar
  • 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 ...
user avatar
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] ...
user avatar
  • 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": "...
user avatar
  • 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 ...
user avatar
  • 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 ...
user avatar
  • 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 ...
user avatar
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 ...
user avatar
  • 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 ...
user avatar
  • 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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
  • 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 ...
user avatar
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 ...
user avatar
  • 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 ...
user avatar
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 "...
user avatar
  • 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"; ...
user avatar
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
  • 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 ...
user avatar
  • 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, ...
user avatar
  • 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 ...
user avatar
  • 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 ...
user avatar
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 ...
user avatar

1
2 3 4 5
23