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
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 ...
Gnome-Improvement713's user avatar
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 ...
Kajal's user avatar
  • 11
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 ...
Renuka's user avatar
  • 37
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 ...
private7's user avatar
  • 121
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 ...
chris rowles's user avatar
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 ...
RHM's user avatar
  • 543
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 ...
Matthias's user avatar
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 ...
Matthias's user avatar
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 './...
kmurali krishna's user avatar
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"...
Propool's user avatar
  • 37
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 ...
Parth Shah's user avatar
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\...
Ronny's user avatar
  • 95
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 ...
kmurali krishna's user avatar
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 ...
private7's user avatar
  • 121
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 ...
karma n effect's user avatar
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 ...
Chandresh's user avatar
  • 497
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 ...
Renuka's user avatar
  • 37
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 ...
JJD's user avatar
  • 493
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 ...
RussGove's user avatar
  • 1,254
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?
Renuka's user avatar
  • 37
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. ...
Mike Marnocha's user avatar
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://...
Harry's user avatar
  • 13
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.
vinia shah's user avatar
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/...
vinia shah's user avatar
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 ...
Darryl's user avatar
  • 11
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 ...
llermaly's user avatar
  • 101
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 ...
private7's user avatar
  • 121
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 ...
Amos's user avatar
  • 1,981
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, ...
Susan T.'s user avatar
  • 141
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 ...
naijacoder's user avatar
  • 4,184
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 ...
Sharry Heberer's user avatar
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?
Kaniksha Lakshmi Priya's user avatar
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 ...
Emaborsa's user avatar
  • 1,189
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 ...
TerminalVelocity's user avatar
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 ...
TKu's user avatar
  • 11
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.
naijacoder's user avatar
  • 4,184
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> { ...
Ashok 's user avatar
  • 49
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&...
Renuka's user avatar
  • 37
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 ...
Supermode's user avatar
  • 1,787
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 &...
Josh Fu's user avatar
  • 21
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 ...
Ash Vyas's user avatar
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, ...
Juansei's user avatar
  • 103
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 ...
Kshitij Gupta's user avatar
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 ...
alfablac's user avatar
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 ...
Baldini's user avatar
  • 13
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 ...
thedeepponkiya's user avatar
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 ...
Propool's user avatar
  • 37
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"...
Propool's user avatar
  • 37
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): ...
Propool's user avatar
  • 37
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 ...
Propool's user avatar
  • 37

1
2 3 4 5
25