Skip to main content
Share Your Experience: Take the 2024 Developer Survey

Questions tagged [spfx]

General technical questions about the SharePoint Framework client-side development model.

Filter by
Sorted by
Tagged with
0 votes
0 answers
15 views

PnP modern search web parts custom

I want to add slider in search result where on button click I can get data from different list with help of lookup on that slider. I don't want to customize whole PnP modern search result webpart code ...
Rushil Modhia's user avatar
0 votes
1 answer
35 views

SPFx web parts missing in SharePoint 2019 modern sites

I'm trying to use an SPFx that contains some custom webparts on SharePoint 2019 (spfx-40-fantastics, you can find it in GitHub). After deploying the SPFx everything works fine on classic sites, I can ...
Med Achref's user avatar
0 votes
0 answers
12 views

Using an SPFx Application Customizer in SharePoint 2019 on-prem to display SharePoint List Data

I am struggling to put the final step of this project together successfully. I can create banners and display static information that is able to be deployed successfully, however when I try and add ...
Alexander Lange's user avatar
0 votes
1 answer
11 views

What is the license for the SharePoint Framework (SPFx)?

I am working on a project that involves the SharePoint Framework (SPFx) for developing custom web parts and extensions. I would like to understand the licensing terms for using SPFx. Specifically, I ...
Ajay Mayani's user avatar
1 vote
1 answer
38 views

SPFx Extension COMMAND_1 to call a function

I'm trying to add an action to the context menu in my SharePoint library. The action appears when I right-click on a file, but when I click on the action, the default window pops up and not the ...
User1234567's user avatar
0 votes
0 answers
11 views

npm yo installation keeps getting self signed certificate in certificate chain error

I want to install npm install yo for SPFX ENVIRONEMENT SETUP When I ran: npm install -g [email protected], keep getting self sign cert chain error Yeoman Doctor Running sanity checks on your system √ No ....
MWAN001's user avatar
0 votes
0 answers
22 views

pnp/spfx-property-controls Not working With node version 16.20.2 and 18.20.0 Version

Getting error while loading web part. Something went wrong If the problem persists, contact the site administrator and give them the information in Technical Details. TECHNICAL DETAILS ERROR: Cannot ...
Santhosh Kumar's user avatar
0 votes
1 answer
24 views

is there any function to get document more than 5000 in spfx

I want filter data from list and then filter only 5000 data are coming but there is more than 50000 documents. Current code: import * as React from "react"; import "bootstrap/dist/css/...
Deepak Sharma's user avatar
0 votes
0 answers
14 views

Property 'context' is missing in type '{}' but required in type 'IBreadcrumbsProps'

I have the breadcrumb declared in the component file and importing the class into another component file. But I started getting the error message Property 'context' is missing in type '{}' but ...
striker92's user avatar
  • 113
0 votes
0 answers
58 views

TypeError: Cannot read properties of undefined (reading 'operation')

I have the spfx extension which renders the items into commandBar from the term store, however when I try to access the page the extension is not loading and throwing the below error tmessage. When I ...
striker92's user avatar
  • 113
0 votes
0 answers
9 views

PnP JS - getShareLink is not working for PDF files

const result: IShareLinkResponse = await sp.web .getFolderByServerRelativePath(documentUrl) .getShareLink(sharingLinkKind); I am using this to generate shareable link with ...
Aaro Oral's user avatar
0 votes
0 answers
31 views

Creating a Custom List in SPFx

I'm new to SPFx and my goal is to create a custom list. I've looked up various documentations and guides and videos but its still not getting the result i want. Not to mention most of the reference ...
Muerta's user avatar
  • 1
0 votes
0 answers
5 views

SharePoint content and term stores unique per site based on master

I have a problem to solve that I am stuck in analysis/choice paralysis for. Requirement: A "master" content type with around 60 and growing variations of the master that are site/customer ...
h00plah's user avatar
0 votes
1 answer
25 views

I need to make my SharePoint page more interactive

I'm new here. I'm working with SharePoint out of the box web parts and found out it is too basic with little customization. I need to make some web parts interactive but could not due to its ...
Adediji's user avatar
0 votes
1 answer
55 views

Getting error when uploading SPFx Packages: Invalid SharePoint App package. Error: The type initializer for 'MS.Utility.EventTrace' threw an exception

I have an SPFx package developed for the SharePoint Subscription edition. I deployed multiple version of this package and never had an issue. But today, suddenly, when deploying a new version I ...
Denis Molodtsov's user avatar
0 votes
1 answer
40 views

How to create server-side pagination to get data in SharePoint list through SPFx-react?

How to create server-side pagination to get data in SharePoint list through SPFx-react? Current code I am using: import * as React from "react"; import { useEffect, useState } from "...
Ankit Sharma's user avatar
0 votes
0 answers
25 views

How to get the data from SharePoint library above 5000 items with pagination in SPFx?

How to get the data from SharePoint library above 5000 items with pagination in SPFx? Current code I am using: const [PublishDocument, setPublishDocument] = useState([]); const PublishedDocument = ...
VinitKumar19's user avatar
0 votes
0 answers
7 views

Is it possible to run multiple SPFx local workbenches for multiple user accounts in a single Azure VM?

Is it possible to serve multiple local workbenches for a single solution in one VM with multiple user accounts? We are working on an SPFx development solution using SharePoint 2019, using one VM with ...
Hermelyn's user avatar
0 votes
0 answers
25 views

How do I make a SharePoint Web Part work when installed on a SharePoint instance that uses a vanity URL?

My team has developed a SharePoint integration that uses the SharePoint Web Part framework to embed a page from our application on a SharePoint page. This is working well for most of our customers, ...
Jacob Brown's user avatar
0 votes
0 answers
18 views

How to edit New Menu in command bar in SharePoint site home page and add a new link in the menu and hide existing item

I have a requirement to edit the New Menu of command bar in the home page of a SharePoint team site and add new link in the menu and hide the "Document Library" option. Please suggest any ...
antony02's user avatar
0 votes
0 answers
17 views

Pnp Rich Text Editor resizes automatically. How did I stop it from doing this?

I am using the pnp rich text editor. The textbox resizes itself automatically to accommodate the amount of characters in the text box. If there are too many characters, the textbox grows in size. How ...
Java Uzumaki's user avatar
0 votes
0 answers
20 views

Can we move code from ts file to tsx file in the react SPFx, will it work?

In react SPFx, property pane fields and interface was there in the .ts file while creating react SPFx project. I want to use it in .tsx file. Will it work or not? Because in every web part, .ts file ...
Kajal's user avatar
  • 9
0 votes
1 answer
20 views

Retrieved value from field does not show correctly

I have a question regarding encoding I suppose. So when a user inputs in a form some value, like this for example: (bla {{blabla"bla bla bla" "some more bla bla bla" "bla&...
Shkipper's user avatar
  • 2,105
0 votes
0 answers
12 views

Get list items and check if duplicate exists

I need help to validate if an item with the same name already exists in a SharePoint 2019 list using SPFx on the same site. I have a custom built form that is used for other validations. In that form, ...
Youseff's user avatar
0 votes
1 answer
98 views

SPFx - Use MSGraphClientV3 - How to authenticate

I want to create first time a WebPart for SharePoint Online, where I need to use the MSGraphClientV3. I'm struggeling around with the authenication. I know the articles https://learn.microsoft.com/en-...
dns_nx's user avatar
  • 181
0 votes
0 answers
17 views

Page numbers are not rendering in Pagination control spfxwebpart react

I am using Fluent UI pagination control. Setting page count dynamically using state variable. But, it is not setting in the initial page load once webpart loaded. Showing only "Next" and &...
Swetha's user avatar
  • 399
0 votes
0 answers
21 views

SPFx Yeoman Generator Installation Issue

When attempting to install Microsoft 365 SPFx Yeoman Generator @1.18.2 the following error message is generated: "An error occurred while running @microsoft/sharepoint: webpart#writing…Trying to ...
Thomas Luce's user avatar
0 votes
0 answers
32 views

Could not find a declaration file for module '@microsoft/sp-application-base'

I am building a application customizer extension to hide the Approve/Reject buttons in modern SharePoint page using instructions here: Hiding Approve/Reject button in SharePoint modern experience ...
David's user avatar
  • 1
0 votes
0 answers
15 views

When will SPFx native classes support OAuth2 code flow with PKCE?

Does Microsoft have any plans to update native SharePoint Framework classes to replace the OAuth2 implicit flow by the code flow with PKCE, for obtaining access tokens from Azure AD?
user266459's user avatar
2 votes
1 answer
124 views

While setting up a SPFx solution, getting node:path error

Node version - 12.22.12 Npm version - 6.14.16 SPFx version - 1.12.1 @microsoft/[email protected] After npm i, when running Gulp build, its giving error as: Error: Cannot find module 'node:...
Abhijeet Redkar's user avatar
0 votes
0 answers
25 views

Office Ui react commandBar show menus on mouseover

I have top navigation which is using office Ui react commandBar, where i have to click on the menu to show the 2nd level of the menu. Is there anyway to add the hover effect to this commandBar or ...
striker92's user avatar
  • 113
0 votes
0 answers
11 views

Application Customizer - problem with deploying?

I added Application Customizer to my spfx project. I did following steps to deploy it: gulp clean --ship && gulp build --ship && gulp bundle --ship && gulp package-solution --...
private7's user avatar
  • 125
0 votes
0 answers
36 views

How can i configure on change event on a @mui/material/Autocomplete

First let me say i am a newbie to spfx, and react. I created spfx component, with multiple input fields that on typing on the fields generate a specific search query and then show me the results. This ...
rread's user avatar
  • 11
0 votes
0 answers
27 views

Cannot Install React-Birthday Sample Webpart

I'm trying to install React-Birthday webpart from Github repository sample webparts but facing issue when running npm i. Things I've tried: I tried to remove node_modules, clear cache, install npm ...
eSS92's user avatar
  • 361
0 votes
0 answers
38 views

Get a List of all Unique Values from Custom Text Field using REST Api or PNPJS

Hi i am stuck in a task i need to improve a SPFX WebPart. I need to create a autocomplete field that has a list of all possible values all-ready filled in in a Custom text field. The reason is we need ...
rread's user avatar
  • 11
0 votes
0 answers
34 views

How to call a callback function in spfx react.js within the Chart.js controls from the pnp framework

I'm programming a SPFx Webpart in React.js and I'm using the spfx controls from chart.js. Now I want to change the labels at the x axis. Therefore I need to call a callback function to get the ...
Matthias's user avatar
0 votes
0 answers
28 views

I am creating an SPFx web part which shows a diagram from another third party website. I am using the embedded code inside web part

I am creating an SPFx web part which shows a diagram from another third party website. I am using the embedded code inside web part. the script I am using is: <h3 class="website-title">...
Abigail's user avatar
0 votes
0 answers
26 views

Get data from specific column using SPFx

I want to get list data from a specific column and use it to validate if data already exists then deny. The validation will be used in a SPFx form that I already have. There is no need to display the ...
Peter's user avatar
  • 1
0 votes
0 answers
26 views

Write an outlook message extension using SPFX

How to integrate an SPFX web part in Outlook email actions? I've been able to add entries to the menu: However, when I click on it, nothing happens. No error message, no relevant trace in the ...
Steve B's user avatar
  • 7,508
0 votes
1 answer
31 views

Remove/disable toolbar options from Text web part - SharePoint Online

I'm working on an intranet project and one of the requirement is to be able to restrict users so that they can use only a specific font size e.g it could be Normal text but just font sizes between 10 ...
naijacoder's user avatar
  • 4,282
0 votes
0 answers
19 views

How i can know if an app which is added to a site is an Add-In or SPFx

I am working on a site for a client, and i found this app added to the site;- so how i can know if this app is an SPfx or it is Add-in? Thanks
microsoftdeveloperdesigner's user avatar
0 votes
0 answers
34 views

I need a four column image web part

Using SharePoint online, I have created a SharePoint page structure, to include a 4th side column and this leaves me with maximum page column split of 3 on the remainder. I am trying to add 4 image ...
user111093's user avatar
0 votes
1 answer
20 views

Add button for every item in a list to open specific item Version History popup for

could you help please, is it possible to add button for all items in a list to open their version history pop-up? This button or link should be on the specific column field for every items. Is there ...
Propool's user avatar
  • 37
0 votes
2 answers
73 views

Adding a dropdown to an SPFx custom webpart

I am new to building custom webparts. How do I add a simple dropdown list to a custom webpart. I am using the react framework and the myWebPart.ts file to do the majority of my work. Thanks
Java Uzumaki's user avatar
1 vote
1 answer
284 views

SPFx You may need an appropriate loader to handle this file type

I am trying to utilize MUI-X charts in my SPFx web part. The code does not show any errors. But when building or using gulp serve, it gives the below error: ./node_modules/@react-spring/core/dist/...
Joy's user avatar
  • 11
0 votes
0 answers
16 views

Display custom element in listview command bar

I'm a beginner SPFx developer so maybe my question is dumb, but here it goes. I created a custom action for moving files to different site collection, but the problem is that the user doesn't know if ...
Krzysztof's user avatar
0 votes
0 answers
38 views

Error Adding react-pdf to SPFx web part

I'm trying to add react-pdf to my webpart, but I'm getting the error You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. Most answers ...
Danyx's user avatar
  • 151
0 votes
1 answer
103 views

How to get List webpart in full-width column?

I want to use Sharepoint Online default webpart called List, to load the default list view on the page. I want to load it in full-width section but so far I didn't find a way. Is it possible/and how ...
private7's user avatar
  • 125
0 votes
1 answer
68 views

How to disable drag and drop feature in modern SharePoint library using SPFx?

I have a requirement to disable drag and drop feature in modern SharePoint document library using SPFx application customizer. User should not drag and drop files into a folder or into a library. Can ...
Swetha's user avatar
  • 399
0 votes
1 answer
50 views

Unable search and filter items based on Chinese & Japanese languages

I have a SharePoint list that contains fields as translations for the Title field in different languages. Some of them are Chinese Simplified, Chinese Traditional and Japanese. When I try to query the ...
Mohamed Derhalli's user avatar

1
2 3 4 5
41