Skip to main content

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
18 views

SPFx Webpart to retrieve term store terms

I am working on a simple SPFx webpart with minimal framework (no react), to retrieve terms from the term store. I am following the instructions from the PnP site but running into an issue I cannot ...
Robbert's user avatar
  • 196
0 votes
1 answer
33 views

Upgrade SPFx webpart to specific node version

I have one old SPFx react webpart created in Node version 10.18.1. Now I have install node version 18.19.0 How can I Upgrade my old SPFx react webpart into new node version 18.19.0?
Chandresh's user avatar
  • 509
0 votes
2 answers
26 views

SharePoint Framework on SharePoint Server 2019

Which node and which gulp, yo and so on I should install before developing SharePoint Framework on SharePoint 2019 server. I tried node 11.15. and now I'm try to fight with node 12.22.12 and I can't ...
Grzegorz Z's user avatar
  • 1,711
0 votes
1 answer
22 views

How to add a filter query to see specific email addresses in Search Results of PnP Modern Search?

I already extracted employees belong to specific Departments by using this query which I added to Query Template inside Search Results of PnP Modern Search: {searchTerms} Department:"Accounting&...
Nihad Huseynov's user avatar
0 votes
1 answer
27 views

Preventing my Sharepoint Online WebPart from being cache

I got a SPFX WebPart for Sharepoint online that seems to be working fine, but now we notice that when i deploy a update some of the users keep getting the old versions, and hard refresh does not ...
rread's user avatar
  • 11
0 votes
0 answers
11 views

Why aren't my files uploading properly?

I've written a 'File Upload' button for my spfx app, and it appears to work, but the file isn't being uploaded properly. The user sees a form which allows them to select a file (from their PC), and ...
Sharon's user avatar
  • 101
0 votes
1 answer
33 views

Difference between display of webpart in page in edit mode and page in publication

Hello i deployed my webpart on Sharepoint Online on a page and i see a difference in display between edit mode and published page. The webpart contain a scss that i use thanks to declare module "*...
captainclito's user avatar
0 votes
0 answers
142 views

SPFx Cannot read properties of undefined (reading 'id') in web part using workbench

Each time I tried to launch my web part through the workbench I got this error, I don;t understand why.: Cannot read properties of undefined (reading 'id') PILE DES APPELS : TypeError: Cannot read ...
captainclito's user avatar
0 votes
0 answers
32 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
60 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
41 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
53 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,306
0 votes
1 answer
81 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
109 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,306
0 votes
0 answers
17 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
35 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
395 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
  • 115
0 votes
0 answers
81 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,306
0 votes
0 answers
12 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
35 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
  • 115
0 votes
0 answers
27 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
14 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
28 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
11 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
28 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
20 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
24 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
26 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
31 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
46 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
179 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
32 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
30 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
23 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,306
0 votes
1 answer
44 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,306
0 votes
0 answers
55 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
106 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
399 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
98 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
163 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
56 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
168 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
84 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 - on strike's user avatar
0 votes
1 answer
126 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
78 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,306
0 votes
1 answer
142 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
49 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
66 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
2 3 4 5
26