People who code: we want your input. Take the Survey

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
1
vote
1answer
14 views

how to render or display data in react useeffect hook

I am able to get data in react JSON object, now I want to convert the JSON to string data and display into the page, Please find the below screenshot. export const QvcPollsTab = () => { ...
0
votes
0answers
9 views

Sharepoint Online custom app distribution failed for co-worker, not for me

I've been developing and deploying a custom web part on our SPO tenant for a while. Today, my co-worker tried to deploy a new version of the app. He successfully uploaded to the app to https://tenant....
0
votes
2answers
22 views

Using custom fonts in spfx web parts

I have a custom web part that displays weather data and I'm using a custom icon font to go along with the data. It works on the hosted workbench but when I package the solution and deploy it on my ...
0
votes
2answers
20 views

async function and await keyword not returning any value

I am trying to get the SourceID of the document in Async call using await keyword but I am not getting the value. I am new to this concept, could anyone tell where I am doing mistake. I have added my ...
0
votes
1answer
28 views

SharePoint SPFx webapp on staging site

I created a SharePoint SPFx react webpart that is now deployed on one of my SharePoint sites. I want to continue to make updates to this webpart. I "cloned" my SharePoint site so that it can ...
0
votes
0answers
12 views

Blank space in page spfx webpart

Hi All i have created spfx webpart and deployed in sharepoint page but if i change resolution to less like 90 to 80, 75 to 65 space from right hand side scroll to my webpart keep increasing it work ...
0
votes
0answers
15 views

Submit People Picker value into Sharepoint list column(Person and group) in SPFX (No Javascript) framework

Using SPClientPeoplePicker in the form Is there any way to submit value from PeoplePicker into Sharepoint List Column(Person and group) I am getting an error , using this piece of code for ...
0
votes
0answers
35 views

SharePoint workbench not reflecting changes

I'm building a SharePoint SPFx react web app. I've been using workbench for the last few weeks and it's been great. However, today when I did gulp serve I noticed that my changes are no longer being ...
0
votes
1answer
23 views

Retrieve item ID after adding to SharePoint list using PNPJs

I'm building a SharePoint SPFx react app. In a nutshell, the user fills out a form that I created. When the user hits submit, using PNPJs: https://pnp.github.io/pnpjs/sp/items/ I'm adding the item to ...
0
votes
0answers
15 views

Height issue in React Slick Slider

I am using React slick slider in my spfx react webpart. how to fix this below issue, i want to have same height for all the slides. Added my css and render method below.Any help would be appreciated. ....
0
votes
0answers
25 views

SharePoint Page URL

I have created an SPFx web part and added it to an page (eg. "abc.aspx") in SharePoint. Then I made this page as an welcome page for my SharePoint site. Now the URL of the welcome page is: ...
0
votes
0answers
15 views

Subscribing to list changes using ListSubscriptionFactory: failed: WebSocket is closed before the connection is established

I followed the Subscribe to list notifications article. I was able to get notified when list items were added or updated. The code: export default class BookingRequestsWebPart extends ...
0
votes
1answer
25 views

Extra hover CSS on Fabric control in SPFx webpart

For all of my fabric control, I am getting extra hover CSS in my SPFx web part. How can I remove that extra hover? button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:...
0
votes
1answer
24 views

Check null value in spfx webpart

I am trying below code which will pull data using rest and bind in table but i want to display message if contact column data is blank in any items tryin below but not working {this.state.items.map((...
0
votes
0answers
24 views

Editing permission levels for SharePoint SPFx app

I asked a similar question a few days ago and got a very good response on how to get started. I have a SharePoint site using a SPFx react app that I created. The app is contains a sophisticated form ...
0
votes
0answers
20 views

Get all the lists in a site and total items in each list using PnP JS in SPFX

I am planning to get all the lists in a site and the total items count in each list using PnP JS and display on a page in SPFX. Thanks
1
vote
2answers
32 views

SharePoint SPFx need help creating proper permissions group for app

I created a SharePoint SPFx react app. Long story short, the application has a complex form for the user to fill out. Initially I had set all users as "visitors" because I do not want them ...
0
votes
1answer
42 views

SP Online - How to declare webpart as hidden in SPFx?

In SPFx, I make webparts that read content from a source like custom lists and then draws it out with a title and content. However sometimes there is no content, and if thats the case, I would like to ...
0
votes
1answer
33 views

SPFx Application Customizer and SPFx WebPart Connection

I know we can create connected SPFx webparts but is it possible to create the connection between SPFx application customizer and SPFx webpart? The scenario is that we need to create application ...
1
vote
1answer
55 views

What is the difference between Fluent UI People Picker and Pnp Spfx React PeoplePicker

I am using PnP SPFx React PeoplePicker in one of my SPFx web part, it works fine. But later I found out that MS Fluent UI also have a PeoplePicker. Going through the docs it seems a little bit ...
0
votes
0answers
10 views

Any way to have data rule for organization chart to differentiate users not from AD but based on classification Permanent or contract employees?

I have permanent and Contract employees in Active directory. I want to show only permanent employees in the organization chart web part. Any out of the box way to achieve this with any condition based ...
0
votes
0answers
21 views

Fetching sharepoint List data into Pie chart using Graph.js in SPFX

Getting the data when hovering on the Pie Chart according to the regions. How to show the data without hovering in the Pie chart? Used Chartcontrol and ChartType from '@pnp/spfx-controls-react/lib/...
0
votes
1answer
40 views

How to call graph API to read SP list items from SPFx in SP Online?

I'm new to graph API and trying to use graph API to read SP list items from a custom list using the current user's rights (not service account). But I'm getting an error. I have this so far: In the ...
1
vote
1answer
23 views

PnP SPFx PeoplePicker control works differently across site collections

I am new to SharePoint framework and in one of the requirement I need to use the pnp spfx PeoplePicker, I have a List which is in different site collection. i.e. my List resides in Site A and I have a ...
0
votes
1answer
34 views

Selecting Document Library through PropertyPane in SPFX

Here is the description about web part: Both web parts are same and only one ,only changed the heading and labels and their input's ID through property pane. One Webpart is working fine on a page ,but ...
0
votes
2answers
222 views

SPFX 1.12 gulp serve-deprecated alternative

Recenlty i decided to update the spfx libs of my webparts project to the v1.12.1 I have followed the steps indicated in the official Microsoft documentation: https://docs.microsoft.com/es-es/...
0
votes
0answers
19 views

How to add an alert box with Icon in SPFX

Is there any way to add Extra icon on the default alert Popup box? I have also used BootBox alert but getting error: Error: "$.fn.modal" is not defined; please double check you have ...
0
votes
0answers
12 views

SP2013 - Start Workflow from Button with redirect

The title says it all. Functional needs are simple. User selects an item from the list, we are then using (no InfoPath) a custom WebPart using jQuery to build item's page. There needs to be a ...
1
vote
1answer
69 views

Trigger Republish button using spfx extension while on edit mode

I am trying to manually trigger the republish event while editing the SharePoint page using spfx extension as below . but there is a error in savePage api . is there way to do it ? const publish = ...
0
votes
1answer
54 views

Sharepoint List permission

I have created an spfx webpart for an SharePoint list. So here, I want everyone to have access to this list or the webpart page, without giving them access to the site. Can someone suggest me how can ...
0
votes
0answers
26 views

Create SPOnline Modern Page with for Users to review and update project experience - and download page in Word

For our group consultants (all basic O365 and SP access) We like to create a personal SP page in which they can fill and update their project experience (project CV). These data will feed into a SP ...
1
vote
1answer
21 views

Getting errors on SPFx hello world web part in SharePoint 2016 referencing a “strings” file

I am trying to get a hello world web part to work in SharePoint 2016. I believe the SharePoint server has Feature Pack 2 installed as I see that KB4484255 (version 16.0.4966.100) shows as installed ...
0
votes
1answer
30 views

Azure Virtual Machine for SPFx Development

As my personal laptop is too slow, is it possible to setup dev environment using Azure Virtual machine for SPFx Development? Kindly provide your advice on the same.
1
vote
3answers
90 views

How to use Yeoman Generator to generate a SharePoint 2016 SPFx web part (without errors)

I need to create an SPFx web part for SharePoint 2016. I have been following the instructions here but am getting an error when running "yo @microsoft/sharepoint". I know that versions of ...
0
votes
1answer
52 views

Uploading Attachment and items in Sharepoint Library in SPFX

Here is the function to upload attachments and items in the SharePoint library through React-js in SPFX. Used PnP JS library for attachments uploading and items insertion in the SharePoint library. I ...
1
vote
0answers
67 views

.JS file in SPFX WebPart: Module parse failed: Unexpected token You may need an additional loader to handle the result of these loaders

I have created an SPFx project with reactJS. I am using .jsx extension - functional components. Now, the spfx webpart is already working fine, but I saw a material kit that I want to reuse its ...
0
votes
0answers
18 views

Fetching User's profile thorugh Graph API into webpart in SPFX

How can we fetch a user profile photo through Graph API and display into Web part in SPFX? Here is my function to call Graph API to fetch Specific user's Profile Photo filtering through their Mail ...
1
vote
1answer
21 views

spfx-angular-elements project working correctly on workbench but not working on sharepoint page

I have created a spfx-angular-element demo with reference to the below link: https://gonadn.medium.com/spfx-with-angular-element-crud-operations-using-pnpjs-5a8a18ed6e43 It is working correctly in the ...
0
votes
1answer
85 views

Fetching Specific User's Profile Photo via Graph API in SPFX

How can we fetch a user profile photo through Graph API and display into Web part in SPFX? Here is my function to call Graph API to fetch Specific user's Profile Photo filtering through their ...
0
votes
1answer
41 views

Connect SPFx to an OOB SharePoint List webpart

I have this scenario. My page consists of two web parts: the first is standard Modern List web part; the second is SPFx web part Based on a selected item in the first web part a user should be able ...
0
votes
1answer
40 views

Using Filter Query in Graph API to fetch the particular users

Current code: public render(): void { this.context.msGraphClientFactory .getClient() .then((graphclient:MSGraphClient): void=>{ graphclient .api('/users') .filter('Department eq IT') .get(...
1
vote
1answer
69 views

Unable to style the Label Color of a Office UI Fabric React Drop Down Control

I am creating an SPFx 1.11 web part where I have imported Dropdown, IDropdownProps, IDropdownOption from office-ui-fabric-react as: import { Dropdown, IDropdownProps, IDropdownOption } ...
1
vote
1answer
35 views

SPFx: Min Width headers SharePoint Document Library web part SharePoint Online

I am new to spfx but not to SharePoint. Has anyone been able to get min width to work for headers for all users in a Document Library view web part? I need to show all documents from a view and need ...
1
vote
1answer
90 views

SPFX React npm WARN tar ENOENT: no such file or directory

I am trying to work on this react list form link , but when i try to do npm install i am getting all these errors below, i checked an article where they mentioned delete package-lock.json file but ...
0
votes
1answer
287 views

Getting “Access token validation failure. Invalid audience” for Aad application in spfx

I have created one AAD application with below configuration and trying to access the Graph APIs added in the AAD application using SPFx SPFx configuration and code: Error: Please suggest if I am ...
0
votes
1answer
20 views

on my SharePoint local Workbench, the ribbon won't show up and I don't know why

I'm currently working with the local SharePoint workbench and it looks a little weird, because the ribbon with the text SharePoint Workbench is not visible and I don't know why. I hope that you can ...
0
votes
0answers
55 views

Get files and folders from a SharePoint Library to Popup container

I would like to show folder/files on Popup container, i am using api call to fetch the folders/files and it is not displayed on container anything wrong here. Under Test folder I have folders/files. I ...
0
votes
0answers
26 views

SharePoint 2019 not getting all recurrence events in calendar

I am getting events with the help of a query and it is working ok. But I only get one item from the recurrence item even though I have <ExpandRecurrence> tag set to true. What am I doing wrong? ...
0
votes
1answer
27 views

is there a way to host latest SPFx on SharePoint 2019?

I know that the supported SharePoint Framework version for the SharePoint 2019 is SharePoint Framework v1.4.1 but I wonder if there is a way to bypass this ? For example: Can I upload the js files in ...
1
vote
2answers
95 views

filter data for more than 5k items through pnpjs SPFx

Here is the situation : I have a list with 50k items. I have to get data from that list with a filter on status column (Status = true). So basically there are items with status true/false. When I ...

1
2 3 4 5
21