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
1answer
16 views

Is there any option to filter my planner tasks using graph api?

I want to filter my planner task using graph API for example by title. Is it possible? .api('/me/planner/tasks')
1
vote
0answers
19 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
1answer
914 views

react-search: The type definition `index.d.ts` does not exist. Create one and try again

I am new to SharePoint and I'm trying to deploy a modern Search Web Part following the instructions here sp-dev-fx-webparts/samples/react-search/ When I run tsd install on the command prompt, it ...
0
votes
1answer
767 views

SPFx - Gulp serve fails

I had 2 webparts in my solution. But when i tried to add the 3rd webpart, it successfully adds. But after that "gulp serve" fails. Below is the error message D:\Bloom\Code\BloomWebparts>gulp serve ...
0
votes
0answers
10 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 ...
3
votes
1answer
3k views

VS Code : Breakpoint ignored because generated code not found (source map problem?)

I am trying to debug my SharePoint Framework web part in VS code using the Chrome Debugger extension but I am getting error message as Breakpoint ignored because generated code not found. Also in ...
0
votes
1answer
29 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
919 views

SPFX create and use an array

As a newbie to SPFx, how do I create and use an array? everything I've tried fails to populate the array. let CustomerList: Array<any> = ['1', '2', '3']; let array1: any = ["Panda", "Zebra", "...
1
vote
1answer
17 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
21 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 ...
5
votes
1answer
1k views

SPFx web part not showing from the catalog

Followed the video from SharePoint Framework development with SharePoint 2016 Feature Pack 2 but could not add the web part to the site because it did not show up. I made sure I have only SPFx 1.0....
0
votes
1answer
42 views

Get list of Document Libraries in dropdown from SharePoint Library [closed]

I would like to upload files using SPFx script editor or SPFx web part, but first I would like to retrieve parent libraries in dropdown list, second based on parent library selection I should retrieve ...
0
votes
1answer
22 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
30 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
45 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 } ...
0
votes
1answer
884 views

How to retrieve Image column from SharePoint list using React js SPFx

I am trying below TypeScript to retrieve the Image column using SPFx .Unfortunately image is not rendering on page. Please help me on this.
0
votes
1answer
976 views

How to add checkboxes to propertypane dynamically

I have a dropdown on my property pane which i populated with sharepoint lists. What i want to do now is to add the columns(fields) of the list(selected on the dropdown) as checkbox(on the property ...
0
votes
1answer
249 views

SPOnline: After including feature/asset deployment to my SPfx WebPart I can't put it on any SitePage

I'm trying to add some provisioning function to my SPfx WebPart Project on SharePoint Online. The Problem is that as soon as I put the feature information to my package-solution.json the configured ...
1
vote
2answers
777 views

spfx webpart/component with position: fixed

I'm trying to create a spfx-react webpart for SharePoint Online like the feedback button on the walmart page (https://www.walmart.com right side). This works in edit mode and in the workbench (local ...
2
votes
1answer
116 views

Spfx Web Part - API call sometimes fails to execute

I have a custom web part that uses aadHttpClientFactory to authenticate with AAD and then get data from an API secured with AAD. It works flawlessly most of the time. Periodically, though, it gets ...
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 ...
1
vote
1answer
894 views

DetailsList component row rendering issue

There is a DetailsList component inside spfx webpart, which loads all the documents/files using PnP. There is a office-ui-fabric-react check out button outside DetailsList component. When I select ...
1
vote
1answer
42 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
63 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
15 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
15 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? ...
2
votes
1answer
996 views

Open modern image file dialog in SPFx web part

By using the "Quick links" client-side web part on a modern site page it is possible to add a new link and set an optional image by a file dialog. Is it possible to use this kind of file dialog in ...
0
votes
1answer
25 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
25 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 ...
3
votes
2answers
2k views

Office UI Fabric DetailsList(React) rendering: DetailsColumn.render() error

I am trying to add a very basic implementation of the Office UI Fabric's DetailsList React component to my project, but keep on getting the following error when trying to render it: 'DetailsColumn....
0
votes
0answers
10 views

SharePoint client-side web part and access control for unmanaged devices

I have access control for unmanaged devices set to "allow limited, web-only access" which seems to break my SharePoint custom client-side web part. Is there any way around it? I still need ...
3
votes
4answers
4k views

A different version of this App is already installed with the same version number

This is the error message when I try to upload spfx webpart, nothing wrong webpart because I can upload it to new created site, but cant replace with existing one. how can I resolve this?
0
votes
0answers
13 views

SPFX Reactjs apply filters(Dropdown) to the card of contents

We have a requirement to filter the card of contents in a page using the filter dropdowns, initially the card of contents will be loaded without any filter. But if user selects a filter and click on ...
1
vote
1answer
70 views

Add a custom CSS/JavaScript to the site's home modern page in a supported way

I am working on a modern team site >> and for the home page ONLY, i want to:- Hide the Site navigation bar, left-hand side navigation, page title and modify the float to remove the white space ...
0
votes
0answers
85 views

Gulp bundle --ship: The build failed because a task wrote output to stderr error

I'm building a SharePoint SPFx and randomly when running gulp bundle --ship I get the following error: The build failed because a task wrote output to stderr. Exiting with exit code: 1 I saw this ...
0
votes
0answers
20 views

MS.Utitlity.Event Error while deploying SPFx WebPart to Appcatalog

i try to add a client-side webpart (spfx) to SharePoint 2019 on-premise appcatalog. We have two webapps running under the same account. On one webapp everything works like charm on the other one i got ...
0
votes
2answers
812 views

SPFx webpart with Bing Maps

I have SharePoint 2019, and I am trying to create a webpart that will display Bing Map, I tried this on a react app created using create-react-app, and it works fine. Then I took the code, and added ...
0
votes
0answers
32 views

SPFX Web Part, site themes and section backgrounds - automatically apply the correct theme variant to the web part

SPFX web parts developed using the Office UI Fabric / Fluent UI components are out-of-the-box site theme aware. The colors used by the components automatically change to reflect the current in use ...
2
votes
2answers
2k views

Update List Item SPfx not working

Below is the code, which is not working, shows below error An unexpected 'PrimitiveValue' node was found when reading from the JSON reader. A 'StartObject' node was expected. const body: string = ...
0
votes
1answer
73 views

SPFx - How to create a custom WebPart Property for a selectable link

I am very new to creating web parts and property panels in spfx. I have gone through hello world, all the MS documentation, but the thing that is missing is the ability to link/upload to a file/folder ...
0
votes
1answer
54 views

Custom web part which downloads a file from SharePoint document library

I need to make a custom web part which can download a file from a SharePoint document library. I created a web part which contains a download button. The button should download the file. Currently I ...
0
votes
1answer
26 views

Problem with REST Api

I have writen a URL for REST API: /_api/web/lists/GetByTitle('KomorkaOrganizacyjna')/Items(1)?$select=Title,MPK,Skrot,Informacje_o_komorce,Prze_x0142_o_x017c_ony/Title,Kierownik/Title,...
0
votes
0answers
20 views

I Have got List of workers and menager in list wchich I read by REST API

What Should I Write in declarations and in return code to get this users name and photos. Here is REST returns: What should I change to get users name and surnames and photo os users ? And here is ...
0
votes
1answer
54 views

Loading a webpart inside of another webpart dynamically

I have a specific requirement to implement dynamic web-part loading. What I am trying to achieve is to have a web-part basically load inside of another. Not sure if this is possible or where to start. ...
0
votes
1answer
27 views

How to get SharePoint users from list by Rest API

I have written my app, in SharePoint Framework, but in link I have got only name of list. How can I get user name and Surname of editor and creator? I want to have all user data. How can I get it by ...
4
votes
2answers
2k views

Asynchrounously load lookup column values in an SPFX/PNP-JS-CORE editform

I'm working on a spfx app to be used as a SharePoint list form. The app will be used to edit ha a LOT of lookup columns. the lookup columns are rendered as dropdowns in the react component. I am ...
0
votes
2answers
1k views

Display Rich Text in SharePoint Online

I am trying to display the rich text in a list item . I tried using the JSON formating, but it does not seem to have any support for "Enhanced rich text". The txtcontent converts the rich text to ...
4
votes
1answer
1k views

Using ADAL with SharePoint Framework

I've setup a web part with SharePoint framework that requires access to the Microsoft Graph for displaying the recently used files. I've followed the instruction here: https://github.com/SharePoint/...
0
votes
2answers
34 views

Graph Api call with filter query

How can I filter the API call dynamically passing through variable? I am getting value in this variable through another API call: var userid; this.props.context.msGraphClientFactory.getClient().then(...
1
vote
1answer
628 views

SHAREPOINT FRAMEWORK - REACT JS alert on Page Load

I am new to SharePoint framework and React JS. I have build a basic Web Part with CRUD operation using React JS. I wanted to show drop-down(html select) value on Page Load in an alert. I am able to ...

1
2 3 4 5
20