Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
1,255
questions
0
votes
1
answer
20
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
20
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 @...
0
votes
0
answers
16
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 &...
0
votes
0
answers
20
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
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 ...
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
27
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 => {
...
0
votes
0
answers
23
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
25
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, ...
0
votes
1
answer
34
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 ...
0
votes
0
answers
106
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
0
answers
31
views
Querying, analyzing, and displaying data from external API in SharePoint
I am a new SharePoint developer and I am tasked with displaying trends in data from Zendesk in SharePoint. I have been reading the Microsoft documentations and from what I have been reading the ...
0
votes
0
answers
13
views
Set data from fetching by list in peoplepicker component
import {
PeoplePicker,
PrincipalType,
} from "@pnp/spfx-controls-react/lib/PeoplePicker";
import * as React from "react";
//People Picker Component
const ...
0
votes
0
answers
26
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
38
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
0
answers
67
views
Need a create list item example using spfx pnp
Having not touched spfx for sometime, I’m trying to find an example of creating a list item with a people picker a date picker and textfields but have not been able to find a working example. Can ...
0
votes
1
answer
55
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
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
69
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
3
answers
114
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
410
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"...
0
votes
0
answers
40
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
1
answer
46
views
SPFx - Upgrade - New site columns got not attached to site content type
I am deploying two new site column and try to attach them to a existing site content type with
<ApplyElementManifests>
<ElementManifest Location="5b1d5abd-297f-41e2-88d4-3c2fc9c23962\...
0
votes
2
answers
31
views
How to get SP lists using React, getting blank
I am trying to get SP Site contents list (Get SP lists) using React component framework but getting blank, Please find the below code file
//Webpart file code
public render(): void {
const ...
0
votes
1
answer
116
views
SPFx project compatible with spfx version 1.4.1
Is there anywhere project I can clone that has all correct dependencies to use with SPFx 1.4.1 version?
It's kind of urgent situation for me and everything I try just throws an error. Any help would ...
0
votes
1
answer
90
views
Get a List View via REST API with custom formatting and display it
I have a List with a View on it that has custom formatting. I am trying to pull the list via REST API and display the items according to that view within a SPFX-webpart with the custom formatting ...
0
votes
0
answers
19
views
Spfx react web part property pane changes reflect in other three column section web part in modern page
I have created one react spfx web part which get data from selected SharePoint list and render the data on modern page.
But when I added web part in three column section at that time when I changes ...
0
votes
1
answer
53
views
Why SPFx updated solution is not shown in Edge browser?
I am using a solution in edge and chrome. The updated solution is shown in chrome and in private window of edge but the updated solution is not shown in the main window of edge.
Can someone please ...
0
votes
0
answers
33
views
Accessing the marketplace API in SPFX
There is sufficient documentation on how the Marketplace API can resolve, activate, list,etc subscriptions (here for instance).
However, now that I'm forming an understanding of how that works, I ...
0
votes
1
answer
25
views
Can spfx domain-isolated webparts be deployed to teams
The subject pretty much says it all. I created a domain isolated webpart that uses the GraphClientv3 to talk to graph.
it works fine when i run on a page in sharepoint. I added it to teams using the ...
1
vote
1
answer
72
views
How to fetch Mail-Enable security Groups in SPFx react?
I want to show Mail-Enable security Group Names in select tag.
Can someone please tell how can I get the group names using SPFx react?
0
votes
1
answer
22
views
SharePoint SPFx Web Part Accessibility Tab Issue
Has anyone had issues with accessibility of components inside of a SPFx web part, specifically when you tab through the UI elements it skips the web part even though it has buttons and anchor links. ...
1
vote
1
answer
523
views
PnP Modern Search. Filter Current user
I would like to be able to display list results to users that only contain their name.
I have 2 possible ways I think this can be done, but not sure how.
In the Query template section, I have https://...
1
vote
1
answer
44
views
How to count SharePoint list from managed metadata column in SharePoint online?
I have one field manage metadata which name is department and its has 3 value HR, Admin and account so I want to filter out Admin data and display count of results. I am using SharePoint online.
1
vote
2
answers
247
views
Filter on choice column and get raw data count using SharePoint REST API
How to filter on choice column and get raw data count using SharePoint REST API?
// const url = `/_api/web/lists/getByTitle('${listTitle}')/items?${countQuery}`;
https://contoso.sharepoint.com/sites/...
1
vote
2
answers
76
views
dynamically show site owners web part
We have over 200 sites. We want to have a centralized list that has all the site owners. We want to have a web part to display the owner of the site.
If we edit the list then the web part changes ...
0
votes
0
answers
30
views
SPFx isHtmlString: true on dynamic content (lists)
I'm struggling making web parts with lists on it searchable using SPFx.
My static react cards are working just fine based on this solution: How to make SPFx web part content searchable
But then for ...
0
votes
2
answers
662
views
SharePoint online (SPFx with react) - custom forms?
I'm building custom New and Edit forms. I'm interested if there is some way to get the fields of list displayed on Edit/New that would work by default from SharePoint, or I must rebuild every field ...
1
vote
2
answers
39
views
Is there a way to differentiate between one column and three column?
I need to develop an SPFx web part that can be well displayed in both one column and three columns.
How can I optimize the CSS for these two sections? Is there a fixed class in SPO that can ...
1
vote
1
answer
50
views
How to show an empty field in the list items instead of NULL in a no framework SPFX?
In the snippet of code from my no-framework SPFX, I'm trying to understand how to not show "NULL" in any of the four fields in the html table. The first three columns are not editable, ...
0
votes
0
answers
36
views
Spfx NoJS framework question with using plugin
I'm working on a spfx webpart and using NoJS for it.
The webpart is an imageslider with carousel.
I'm going to be using the plugin here
The plugin is FancyApps
The issue is how to bind the plugin ...
0
votes
0
answers
102
views
How to clear values from the DynamicForm PnP SpFx control?
I am using the DynamicForm control in my SpFX webpart from @pnp/spfx-controls-react. I want to clear the current values in the form when the user either a) adds a new item to the list, or b) clicks ...
0
votes
0
answers
80
views
How to update SPFx web part property pane values using PowerShell scripts?
How to update SPFx web part configuration property pane values in SharePoint 2019 on premises site using PowerShell?
0
votes
1
answer
75
views
SPFx - How to load jsom dependencies in a proper way
I am getting crazy trying to load scripts like Runtime.js and SP.js. In the beginning I added the dependencies in the config.json as mentioned here. As usual, the Microsoft documentation is buggy and ...
1
vote
0
answers
93
views
Analytics for Web Part Usage (SharePoint Online)
My Question
Out of the custom apps and web parts listed in the tenant app catalog, is it possible to get usage analytics for those custom apps and web parts?
Ultimately, I am looking to see which web ...
0
votes
1
answer
49
views
Is it possible to customize Validation for delete button of the PropertyFieldCollectionData control
Is it possible to customize the validation when user delete a record in PropertyFieldCollectionData control? I am trying to ask the user "Are you sure you want to delete " When user click ...
0
votes
1
answer
122
views
Looking for an image gallery webpart - that can do carousel but also when clicked on the image display a popup of the image
Looking for an image gallery web part - that can do carousel but also when clicked on the image display a popup of the image.
Any ideas or resources online would be appreciated
Thanks in Advance.
0
votes
0
answers
53
views
How to get recent opened and shared document in spfx
I am trying below code but getting error https://xxxxxxx.sharepoint.com/sites/xxxxxxx/15/v1.0/me/drive/sharedWithMe 404 (Not Found)
private _getFilesSharedWithMe(): Promise<any> {
...
0
votes
1
answer
172
views
I am using style attribute in React Select but its showing an error in SPFx react. Can someone please tell how to resolve this?
I am using the below code:
import Select from "react-select";
<Select
className="form-control-sm"
name="form-field-name&...