Questions tagged [spfx]
General technical questions about the SharePoint Framework client-side development model.
1,979
questions
0
votes
1
answer
15
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 ...
0
votes
1
answer
24
views
Search a folder in a document library with PnP
how can I search on a document library for the folders containg a specific name? where is the doc for that?
I want to seach my document library "MyDocs" for folders containing, in the title, ...
0
votes
1
answer
29
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 ...
0
votes
0
answers
14
views
SPFx Field Customizer - issue with loading customizer, manifest not found
I implemented field customizer for list, tested it locally where it works, and then deployed to Sharepoint Online.
There I have following issue:
Fail to load customizer for column: myColumn, ...
0
votes
0
answers
22
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 ...
0
votes
2
answers
36
views
Adaptive Card Extension (SPFx) build fails with no warnings or errors
My Adaptive Card Extension (ACE) works perfectly in the workbench, however when I try to package it, first with gulp bundle --ship then gulp package-solution --ship it fails to package.
The bundling ...
0
votes
1
answer
20
views
SPFx custom app update requires to use the Get It button on all sites
I am currently trying to find out how to fix this behavior. I got some SPFx Webpart samples and when I update them and re deploy them to the Tenant's app catalog, the sites that use it automatically ...
0
votes
1
answer
27
views
How to compile a package which depends on @microsoft/*
I'm trying to create a reusable SharePoint utility library.
I want to use heft to build the library, because it will deal with scss typings, and both cjs/esm outputs.
However, SharePoint's ...
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 ...
0
votes
0
answers
18
views
Return User Roles from Azure App Registration when Authenticating from SPFX with AadTokenProvider
I have the following code on my web part:
import { AadHttpClient, AadHttpClientFactory, AadTokenProviderFactory } from '@microsoft/sp-http';
const factory: AadHttpClientFactory = this.context....
0
votes
0
answers
28
views
How to start Power Automate workflow from code/SPFX solution web part?
Is it possible to trigger start of Power Automate workflow and pass parameters to workflow through spfx solution/webpart on sharepoint (with React)?
Without premium connector.
I only found one way but ...
0
votes
0
answers
23
views
Waiting for folders to be created to avoid 'Not found' errors using PnPJS
I am using PnPJS to create folders in SharePoint within a SPFX WebPart. I'm having random issues when creating a bunch of folders when some of them return an error of 'Not Found'. For example:
...
0
votes
0
answers
26
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 ...
0
votes
0
answers
13
views
Why always come eslint issue after installing a sharepoint spfx solution
Node version - 16.13.0
guli cli - 2.3.0
spfx(microsoft generator) - 1.17.1
typescript : 4.5
every time after creating a solution in react and then i'm bundling it's always show eslint error or this ...
0
votes
0
answers
28
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, ...
1
vote
1
answer
9
views
Filtering SP List using created
I want to filter the SP list using created date so that list items created in last 8 days get displayed.
I am using:
private getCarouselListContent = () => {
try {
let requestUrl = `${...
0
votes
0
answers
46
views
TinyMCE in SPFx web part, on SharePoint 2019
I am using SharePoint 2019 on prem, and developing a web part where I am using tinymce editor. In our Productions environment there is no internet access, so I need to add the tinymce as self-hosted. ...
0
votes
0
answers
36
views
How to update Enterprise Keywords column in SPFx WebPart or Extension using PnPJs
How can I update the Enterprise Keywords column of a SharePoint document library using PnPjs in a SharePoint Framework (SPFx) Web Part or Extension.
How can I design a user-friendly user interface (UI)...
0
votes
0
answers
125
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 ...
0
votes
1
answer
36
views
SharePoint Look and feel or navigation
We are on SharePoint Online and I am wondering if there is a way to achieve our page like this site https://fmx.cpa.texas.gov/fmx/travel/textravel/meallodg/index.php with the left navigation and ...
0
votes
1
answer
118
views
SharePoint Online modern Footer created using SPFx Extension Application Customizer is freeze at the bottom of screen. How to place at bottom of page?
We are creating a custom footer though SPFx Application Customizer for modern sharepoint pages. But our requirement on the Footer is to show the footer with a increased height. Once we deployed the ...
0
votes
0
answers
21
views
How to know if I can trust an SPFX webpart?
I am in the process of implementing an spfx webpart but before I need to make sure it is not a security threat.
From researching I was not able to find if there is any way to run a check or provide a ...
0
votes
0
answers
17
views
SPFx on SharePoint SSSE : custom menus not appear in document sets
Everything is in the title : we have deployed successfully a SPFx extension on a SharePoint SSSE, with custom menu items. Everything is fine at the library root folder, in subfolders but... menus are ...
0
votes
1
answer
19
views
What is the need for configuration of webApiPermissionRequests when using AAD Secured Web API?
Followed some guides as to AAD protect my web API made in .NET 7. Then proceeded to follow another to get SPFx to contact this API. All say we need to give authorization through ...
0
votes
2
answers
91
views
Gulp not found when running gulp serve
@microsoft/[email protected]
[email protected]
├── [email protected]
└── [email protected]
it's showing these version but
when I use gulp bundle
it's giving error:
gulp : The term 'gulp' is not recognized as ...
0
votes
0
answers
85
views
SharePoint folder permissions - prevent moving folders
we have a problem with folders that are moved by users unintenditly and lead to changes in our rolled out folder structure.
Currently we have more than 200 Site Collections with each 10 libraries and ...
0
votes
0
answers
19
views
Form Customizer won't load
It starts to load and then redirect to error message - Component ID is not defined:
Error details: Error: Error initializing application. Error: Error: Error preloading the page-based application. ...
0
votes
0
answers
54
views
issues Installing pnp/generator
I'm getting this error when I'm trying to install PnP/generator. Do anyone know how I can get passed this issue. I have the SharePoint generator installed already.
0
votes
1
answer
68
views
login.microsoftonline.com refused to connect with SPFx
Facing issue: 'login.microsoftonline.com refused to connect'. It faced while deploy .sppkg file to Site. Solution works fine with workbench, but not works when deploy.
Please suggest solution for this ...
0
votes
1
answer
27
views
How can I insert a file in SharePoint react SPFx web part using PnP library
How can I insert a file in SharePoint online using PnP library?
It is throwing error that getFolderByServerRelativeUrl does not exist.
0
votes
0
answers
27
views
getting error in recursive function
I use SPFX React, I am getting data from SharePoint Library which is more than 50000. So I want to make a function for getting data in data table library on behalf of page size and page number.
For ...
0
votes
1
answer
43
views
spfx pnpjs people picker error
I am getting an error when running my spfx webpart with a picker picker control. When I do gulp server I get the error
ERROR:
Cannot find module 'ControlStrings'
I have googled this and have added ...
0
votes
1
answer
39
views
Is app with SPFx version 1.4.1 compatible with SharePoint Online?
Is app with SPFx version 1.4.1 compatible with SharePoint Online?
I deployed SPFx app of version 1.4.1 and it has problem to sometimes load the web part and sometimes not, is it because of version ...
0
votes
1
answer
74
views
How to make SPFx extension triggered when new file uploaded to Sharepoint libraty?
I'm making a SPFx extension. I want it to trigger each time when new file uploaded in my Sharepoint library.
Could someone assist me with achieving this functionality?
0
votes
0
answers
54
views
SharePoint On-Premises Event Receiver migration to SharePoint Online
There is a requirement to migrate SharePoint On-Premises sites to SharePoint Online (SPO). Some of the customization in the current 2013 on-prem site include Event Receivers specially ItemDeleting ...
0
votes
0
answers
91
views
SPFx gulp trust-dev-cert Error
I am getting following error after running 'gulp trust-dev' in SPFx:
PS C:\Users\s.framework\Code\ZEN> gulp trust-dev-cert
Build target: DEBUG
[15:11:11] Using gulpfile ~\Code\ZEN\gulpfile.js
[15:...
0
votes
0
answers
20
views
Add Table in footer in every pages of PDF
I created a function which adds table in the footer as shown in the image. But if I add more data in any cell it overflows on the other cell. I want the height of a row adjust according to the ...
0
votes
1
answer
57
views
SharePoint 2019 SPFx solution deployment issue
I am having trouble in installing Apps on a particular site collection, getting a message (SkipFeatureDeployment:false):
"You can't add app here" contact the administrator.
But the same ...
0
votes
1
answer
218
views
How to set a dropdown field in SPFx React.js to the placeholder value again after creating an item in an SP Online List?
I have a form with some values. Some of the fields in the form are dropdown fields. They get the dropdown values from SharePoint PNP/JS Rest Api call.
Then the values from the form are used to create ...
0
votes
0
answers
11
views
Spfx Webpart Bingmap doesn't render at first load
I would like very much to be helped with this. basically I have a spfx react webpart in which I intend to load a bingmap.
What I coded is something very simple:
componentDidMount(): void {
...
0
votes
1
answer
30
views
SharePoint Online press Button and wait until setState variable has been updated
I have a Button. This will be clicked and get the value of a counter. This counter values are set to the state variable. After that I want to update the counter with a new number. My problem is that ...
0
votes
1
answer
77
views
filter a value from a list via PNP/JS and then store it in a locale variable within SPFx SharePoint Online
I have a lack of understanding of retrieving a value from a list. I want to use it to build a counter and then increment the counter locally after a button is pressed. After the incrementation I want ...
0
votes
0
answers
22
views
How to add an app to teams with any site?
I added an app to teams but I didn't used a default SharePoint site for a team in Microsoft Teams. I have to use external site. How can I use external site for a specific App in Microsoft Teams?
0
votes
3
answers
117
views
How to get Site Collection list from tenant?
we need to get Site collection/Webs under tenant in a Webpart
Here is the TSX file code
import * as React from 'react';
import styles from './GetSpWebs.module.scss';
import { IGetSpWebsProps } from './...
0
votes
1
answer
440
views
How to add @odata.nextLink in graph api request
I've a service to get all users from Azure AD.
public getAllUsers(): Promise<Array<Person>> {
return graph
.users
.select("displayName", "accountEnabled"...
1
vote
1
answer
216
views
How can I get the profile photo of a user type field of a SharePoint list?
I am developing a Webpart with react and to get data from my Sharepoint I am using PnP js
Objective: Get the profile photo of a user-type field of a Sharepoint list
Problem description: I have a list ...
0
votes
0
answers
14
views
What is listener and subcriber in pnpjs/logging?
I'm a newbie to SPFx, I have a task to create a custom logger that can record any exception and error that happen in a web part (like serilog on .NET). I'm following a guide but there is something ...
0
votes
0
answers
43
views
How to Add One SPFx Webpart into Other SPFx Webpart?
I have many SPFx webparts. All are developed either by "React" or "No Javascript" concepts. Now, I want to merge all webparts into SPFx React single page application.
Is there any ...
0
votes
0
answers
93
views
Getting "Unexpected token " error while checking for Yeoman version SPFX
Im working on adding a top placeholder enhancement using spfx extensions for sharepoint online
Got "Unexpected token " error while creating spfx solution using : yo @microsoft/sharepoint
...
0
votes
1
answer
57
views
SharePoint workbench full width webpart but scss code dont work
I've added the CSS code, but it still doesn't use the whole page.
:global {
#workbenchPageContent,
.CanvasComponent.LCS .CanvasZone {
max-width: 100% !important;
}
}