Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
1,249
questions
0
votes
0
answers
24
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
7
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
18
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
15
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
36
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
30
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
27
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
37
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
90
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
160
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
34
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
23
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
25
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
76
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
46
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
17
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
41
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
29
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
22
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
56
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
18
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
282
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
39
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
145
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
53
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
25
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
344
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
30
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
30
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
28
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
72
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
64
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
62
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
67
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
35
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
71
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
45
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
129
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&...
0
votes
0
answers
67
views
SPFX to check list contains field name
I have used the code from https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-list-form.
Based on the code above, I need add additional condition.
The code below I can get listId, and ...
1
vote
1
answer
17
views
Dependency issue using viva connections extension in VS code
I have installed the Viva connections extension in VS code. When I create a new project I get this error:
[2023-04-26T19:04:44.654Z] [INFO]
Running command: yo @microsoft/sharepoint --solution-name &...
0
votes
0
answers
20
views
Sharepoint isn't automatically creating my path to CDN
I've created an SPFx Webpart and uploaded it to my app catalog, however it just says , and once I add my webpart to a page it throws the errors in the screenshot I'm attaching, because it's unable to ...
0
votes
1
answer
74
views
How can I configure a SPFx webpart project to launch in a specific browser during development?
I want to use the Brave browser with a specific user profile to work on multiple SharePoint sites. Currently, when I run the gulp serve command, the webpart project launches in the OS default browser, ...
1
vote
0
answers
28
views
Data mismatch while making a list call to get data from SP list
I'm trying to get Data from SP List through rest API from SPFX, I've checked by running that rest API directly in the browser where it shows correct data but while making a call from SPFX that rest ...
0
votes
0
answers
102
views
Deploying a Teams tab (personal app) using SPFx without full tenant admin privileges
I'm trying to deploy some Teams tab samples (teams-tab-spfx-client) so I could add webparts my team made as a personal app or group tabs. I was able to run this sample on the site's workbench and ...
1
vote
1
answer
85
views
Is it possible to create DetailedList with expanded/collapsed rows?
Is it possible to create DetailedList with expanded/collapsed rows?
Please see mockup from figma:
I have project like on image attached and need to figure out how to achieve such layout with Fluent ...
0
votes
1
answer
29
views
Preview not showing while add SPFx app under Communication site
I have added the SPFx app under the SharePoint Online communication site.
When I tried to create a new page from the Home page and select Apps.
SPFx app preview not showing. Please refer to the below ...
0
votes
1
answer
131
views
LivePersona control doesn't work
I did everything according to the pnp documentation (https://pnp.github.io/sp-dev-fx-controls-react/controls/LivePersona/#livepersona-control), but the LivePersona control does not work for me.
Photo ...
0
votes
1
answer
126
views
How to add header to graph pnpjs
I tried to get all users from Azure AD with Hire date > 2012-12-31T23:59:59.
return graph.users
.select("givenName", "surname", "employeeHireDate", "id"...
1
vote
2
answers
28
views
Anniversaries webpart using Azure AD
I've a custom webpart Anniversaries, which get data from list.
This is my service to get data from list:
public get(listName: string, startDate: Date, AnniversariesNumberOfItemsToDisplay: number): ...
0
votes
1
answer
22
views
Insert time in default weather web part
By default we have the weather and location web parts in modern SharePoint Online site.
How can I add the time in the weather web part for a specific location?
Where can I find the source code for ...