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

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
0 votes
0 answers
8 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
22 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
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
0 votes
0 answers
19 views

Managing and customising modern Event list/page - SharePoint Online

The Event List is one thing that is very confusing in SharePoint Online and I just need some other people views and ideas on this. My requirements I need to be able to add new fields to the event ...
naijacoder's user avatar
  • 4,282
0 votes
1 answer
24 views

Multilingual SharePoint Framework (SPFx) - switching language

I'm adding multilingual support to an existing webpart. Easy enough with the different locale string files and testing with the --locale pararmeter on gulp serve. What I don't understand though is ...
SteveCl's user avatar
  • 323
0 votes
1 answer
28 views

Is it possible to remove/disable News templates in SharePoint Online

I have a requirement and what i'm after is for users to be able to create a news post but i want them to use a specific template only and not to be able to use any of the other templates from ...
naijacoder's user avatar
  • 4,282
0 votes
0 answers
9 views

One WebPart not showing up in workbench while another shows up ok

I'm new to SPFX, and I'm trying to create a couple of web parts. I downloaded the Contoso Retail Demo and have basically cannibalised it to create what I need. The demo had multiple web parts in one ...
Sharon's user avatar
  • 101
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
1 answer
71 views

Function lacks ending return statement and return type does not include 'undefined'

I am implementing an API that interacts with the SharePoint List, and retrieve the data collection. Somehow the interface does not return statement. private getCarouselListContent = () => { ...
striker92's user avatar
  • 113
0 votes
0 answers
21 views

How to display viva engage communities a user belongs to in SharePoint Online

I'm looking for a way to display viva engage communities a user belongs to in SharePoint Online. I know I can see that via MS Teams.But the OTTB viva engage web parts in SharePoint doesn't provide the ...
naijacoder's user avatar
  • 4,282
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
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
0 answers
18 views

Does SPFx colors affect the SharePoint Site theme

I have SPFx extensions and webparts deployed in the sites and both framework uses the custom color built in the .sppkg package. And I have custom site theme installed using PowerShell. Does the SPFx ...
striker92's user avatar
  • 113
0 votes
0 answers
18 views

SPFX customFormatter

Is it possible to take the JSON of a customFormatter from a field info object and apply it when rendering a component? I would like to render choice fields as they are displayed in a list view. For ...
JJD's user avatar
  • 493
0 votes
0 answers
10 views

SharePoint workbench only works for some users

What exact permissions are required to use the workbench? (http://{tenant}.sharepoint.com/_layouts/15/workbench.aspx) I'm trying to test an SPFx app which involves multiple users. I created some dummy ...
quest4truth'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
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
19 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
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
28 views

Can an SPFx custom webpart close an instance of itself?

I am working on a custom SPFx webpart. I wanted to know if there is a way to make the webpart close and/or re-open itself. Ideally this would trigger when the user fills out the text fields in my ...
Java Uzumaki's user avatar
0 votes
1 answer
29 views

TypeError: Cannot read properties of undefined (reading 'post') Posting to Azure web API from SPFX

I hope someone can help me with this. I’m getting error message TypeError: Cannot read properties of undefined (reading 'post'). The Azure function is working fine and is used in other projects.
Kristinn Lindal's user avatar
2 votes
1 answer
122 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
26 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
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
22 views

Hightlighted Content webpart - filter based on columns and display content from another site collection

I'm working on an intranet build.We have decided to have a dedicated publishing site for News.I would like to display these news content on other sites. The news webpart is great to do this but the ...
naijacoder's user avatar
  • 4,282
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
30 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
2 answers
70 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
274 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
48 views

How to generate Azure app token using client id and client secret using SPFx with react.js (webpart)?

I am trying to generate the azure app token using client id and client secret. Please find my below code: const formData = new FormData(); formData.append("grant_type ", "...
Alien 'D' mars's user avatar
0 votes
1 answer
102 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
47 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
0 votes
1 answer
127 views

How to upload an image and other list items to a SharePoint list using SPFx web part?

I have a SharePoint list called complex form, which has the following columns Title, FirstName, LastName, About, Country, State, Street, City, Zip, Email, Company, Photo, the photo is an image column ...
Daniel. F's user avatar
0 votes
2 answers
60 views

Change default color of SharePoint Online site

I would need to change green on the site collection from green to another shade of green. We're using SPFx solution on the site. E.g. this is the default color from default theme right now: It's #...
private7's user avatar
  • 125
1 vote
1 answer
23 views

SharePoint SPFX web part "closure"

PREMISE: Recently I was looking at the logging package in the @PNP/pnpjs library. To summarize how the logging infrastructure works. You use the Logger class to configure and subscribe your logger ...
SPArcheon's user avatar
  • 6,866
0 votes
1 answer
96 views

SharePoint 2019 On-Premises Dev Environment Setup using Node 16.15.0 version

As per Microsoft site SPFx v1.4.1 is also supported on Node.js v12, v14 and v16 (v12.18.1, v14.17.1 and v16.15.0 to be specific) with some tweaking: SharePoint Framework development with SharePoint ...
Chakresh Singh's user avatar
0 votes
1 answer
61 views

Can I import custom css and font in SharePoint online or is there a custom editor web part to build content like a html editor?

Is there a custom web part that can replace the Text OOTB (see screenshot below) in sharepoint to build content pages? I have a customer that is asking if they can lock in a font and css for their ...
naijacoder's user avatar
  • 4,282
0 votes
1 answer
132 views

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory - SPFX Solutionn Terminal error

When I try to run gulp serve command in the terminal, it works sometimes, but sometimes it throws some error like this, which I mentioned in the image below. And it takes more time to run, so can ...
Ashish Prajapati's user avatar
0 votes
0 answers
46 views

The Yeoman Generator encounters a failure with the error message "Trying to copy from a source that does not exist."

I am trying to generate SharePoint Framework (SPFx) client-side web parts using the Yeoman SharePoint Generator, but it consistently presents the same error as detailed below. C:\Users\utkarsh>yo @...
Utkarsh Dubey's user avatar
0 votes
0 answers
50 views

Using the Modern Script Editor web part in SPO, the type value of script tag is being modified to "pnp" + extra attrib. of pnpname w/string as value

Using the Modern Script Editor web part in an instance of SharePoint Modern Online, when adding third-party embed codes that contain script tags, the type value of script tag is being modified to &...
user18797558's user avatar
1 vote
0 answers
72 views

Connect pnp ListView to Sharepoint File and Media WebPart

I got a spfx webpart has a ListView of Files i get with a search in Sharepoint. Now i want that when i select a item in this listview it will Do the Preview of the file in a file and media component ...
rread's user avatar
  • 11
1 vote
2 answers
435 views

SharePoint online Image item URL does not get url in target Release for Everyone

I have tried to get image URL using rest Api and PnP js in my SPFx react solution but not get proper image URL from Api response. Below is the code and response from the Api. Missing serverRelativeUrl ...
Chandresh's user avatar
  • 509
0 votes
0 answers
13 views

Is there a way to create subsite based on another one, copying lists and workflows for them,..?

In Sharepoint Online, I'm trying to create a button that will trigger creating subsite and have all the lists and workflows based on one main list in root site. E.g. there is two lists in root that ...
private7's user avatar
  • 125
0 votes
0 answers
71 views

I want create item with attachment in SharePoint online with SPHttpClient context?

Below code is attaching file but not all files, means some time 2 file some time 3 file, some time one file but not attaching all file at all in loop. private btnclick_BtnSubmit = (): void => { ...
Mohd Jahangir's user avatar
0 votes
0 answers
61 views

SharePoint SPFx App uploaded in App Catalog but not appearing in "app store" page

I have created a SharePoint SPFx web part called "No Framework", and uploaded it to the app catalog but it is not appearing in the app store. Please advise what the issue is. SPFx Package ...
Senthil K's user avatar
0 votes
0 answers
90 views

Using environment variables for deploy the SPFx webpart solution into the different environments

I have SPFx webpart for uploading documents into SharePoint. I would deploy that webpart into the SharePoint site collection. I have 3 different site collections for 3 different environments: dev, ...
Arulanand Anandhakumar's user avatar
0 votes
1 answer
203 views

Run SPFX webpart on Sitepage without deploying it

I have developed an SPFX webpart which overrides the existing classes on SitePage. I need to run the webpart on sitepage without actually deploying it. When i gulp serve it open local workbench and my ...
Muskan's user avatar
  • 886
0 votes
0 answers
307 views

Got this while saving .tsx: ERROR in Cannot read properties of undefined (reading 'getFirstToken')

Tooling browser chrome version 117.0.5938.92 (Official Build) (32-bit) SPFx version 1.18 Node.js version 18.18 spfx-fast-serve-helpers: 1.18.1 npm run serve works gulp serve works Problem arise when I ...
JF Gagnon's user avatar
  • 101

1
2 3 4 5
26