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

1
2 3 4 5
23