Skip to main content
New
Stack Overflow Jobs powered by Indeed: A job site that puts thousands of tech jobs at your fingertips (U.S. only). Search jobs

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
1 answer
2k views

CSS classes added in project.module.scss not showingUp in my .tsx file in SPFx Project

Currently I started working on React SPFx webparts and wanted to add some new CSS. I added some styling to classes in Project.Module.scss. But Now when I am adding this class names in render() method ...
0 votes
1 answer
3k views

SPHttpClient undefined error: Using React JS to add item in SharePoint list

I'm trying to add an item in SharePoint Online list using SPFx solution where I'm using React JS to perform the action. Below is the copied code, when debugging it says that: "VM242:1 Uncaught ...
0 votes
1 answer
1k views

Multiline text field JSON to array - SharePoint SPFx

I'm building a webpart application using SharePoint SPFx with react. I would like to use SharePoint's multiline text field as a way to store an array. I saw this thread here which said you can convert ...
0 votes
1 answer
10 views

What is the license for the SharePoint Framework (SPFx)?

I am working on a project that involves the SharePoint Framework (SPFx) for developing custom web parts and extensions. I would like to understand the licensing terms for using SPFx. Specifically, I ...
0 votes
1 answer
1k 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
2 answers
2k 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 ...
0 votes
0 answers
17 views

Managing and customising modern Event list/page - SharePoint Online

The Event List is one thing that is very confusing in SharePoint Online and I just need some other people views and ideas on this. My requirements I need to be able to add new fields to the event ...
0 votes
2 answers
2k views

SPFX MSGraphClient - Cannot read property 'id' of undefined

I am getting this issue when calling Shared and Recent OneDrive files using MS Graph Client on my modern webpart. Uncaught (in promise) TypeError: Cannot read property 'id' of undefined I get the ...
2 votes
1 answer
2k views

how to use react-bootstrap in SPFx webpart

installing react-bootstrap straightforward; "npm install react-bootstrap --save" and "npm install @types/react-bootstrap --save" then add references import FooButton from 'react-bootstrap/...
0 votes
4 answers
5k views

getting current logged in user in SP list

I have made one webpart using spfx, on submit button its values are pushing in SP list but in SP list I want user who is currently logged in, its value should come in one of the field of Sp list, how ...
0 votes
1 answer
3k 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 ...
1 vote
2 answers
1k views

SharePoint Framework/ issue/ drop down change event on web part/

I want to use drop down control on SharePoint framework webpart(done) and on change event to call some method/ some rest api and so.but it is not allowing. I did not find any article where spfx web ...
1 vote
1 answer
2k views

How to use people picker control using sp-pnp-js( Pnp-JS-Core) library and save users selection in Person or Group type column in Sharepoint List?

As I am new to Sharepoint framework, I wan to know how can I use the people picker control using sp-pnp-js library and save the users selection in Person or Group type column in Sharepoint List.... I ...
0 votes
0 answers
24 views

How do I make a SharePoint Web Part work when installed on a SharePoint instance that uses a vanity URL?

My team has developed a SharePoint integration that uses the SharePoint Web Part framework to embed a page from our application on a SharePoint page. This is working well for most of our customers, ...
0 votes
1 answer
5k views

document.referrer sometimes returns blank value

Page A contains a DetailsList, which has links to different pages. Page B contains a file viewer web part. Clicking on any of the links on "Page A" DetailsList row items, directs the user to ...
1 vote
4 answers
3k views

Is it possible to change the owner of a group using Rest API?

I am creating Sp groups and the Owner gets set to whoever runs the script. I am trying to set the owner to another group or user and it is not working. The SP.Group documentation says it should work ...
0 votes
1 answer
28 views

Is it possible to remove/disable News templates in SharePoint Online

I have a requirement and what i'm after is for users to be able to create a news post but i want them to use a specific template only and not to be able to use any of the other templates from ...
0 votes
1 answer
2k 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", "...
0 votes
1 answer
21 views

Multilingual SharePoint Framework (SPFx) - switching language

I'm adding multilingual support to an existing webpart. Easy enough with the different locale string files and testing with the --locale pararmeter on gulp serve. What I don't understand though is ...
0 votes
1 answer
1k views

React.js: avoid delay on element <input type=“file”> onChange event

Any react-specific solution to the problem, described here? https://stackoverflow.com/questions/46072489/how-to-avoid-delay-on-element-input-type-file-onchange-event?noredirect=1&lq=1 Basically ...
0 votes
2 answers
3k views

Unable to remove left navigation from a SharePoint Page

I have a SharePoint Online page created with a template, which I cannot remove the left navigation pane from. (I can edit the list of links, but I want to remove the whole pane completely). Ideally I ...
5 votes
1 answer
2k 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
2 answers
1k views

SPFX ClientSideAssets folder and dist folders have old code

When I build my solution, minified JS files have my old lines. Here are my steps: 1 - gulp clean 2 - gulp build 3 - gulp bundle 4 - gulp package-solution --ship file under \dist\test-web-part.js file ...
0 votes
0 answers
9 views

One WebPart not showing up in workbench while another shows up ok

I'm new to SPFX, and I'm trying to create a couple of web parts. I downloaded the Contoso Retail Demo and have basically cannibalised it to create what I need. The demo had multiple web parts in one ...
0 votes
1 answer
23 views

is there any function to get document more than 5000 in spfx

I want filter data from list and then filter only 5000 data are coming but there is more than 50000 documents. Current code: import * as React from "react"; import "bootstrap/dist/css/...
2 votes
1 answer
1k 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 ...
3 votes
1 answer
4k 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
1 answer
63 views

Function lacks ending return statement and return type does not include 'undefined'

I am implementing an API that interacts with the SharePoint List, and retrieve the data collection. Somehow the interface does not return statement. private getCarouselListContent = () => { ...
0 votes
0 answers
20 views

How to display viva engage communities a user belongs to in SharePoint Online

I'm looking for a way to display viva engage communities a user belongs to in SharePoint Online. I know I can see that via MS Teams.But the OTTB viva engage web parts in SharePoint doesn't provide the ...
1 vote
2 answers
1k 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 ...
1 vote
1 answer
1k 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
2 answers
1k views

Fluent UI no theme in SpFx

I'm currently working on my first SPFx project using Microsoft's Fluent UI React. I tested my solution in the local workbench and everything seemed fine. But as soon as I release it to the app catalog ...
0 votes
1 answer
1k views

Custom Web part is not displaying to add in site Contents

I created a new basic webpart, and deployed it into the SharePoint online app catalog. After that, I tried to add it to the site contents of one SharePoint site. But webpart is not visible under "From ...
1 vote
1 answer
2k views

Handle failure response on SharePoint list item add using PnP JS

I have created one SPFx web part with React framework to add the items from .CSV file to SharePoint list using PnP JS. I have used PnP JS item.add() method to add the item in the list by looping each ...
1 vote
1 answer
2k 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 ...
0 votes
1 answer
2k 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
1 answer
1k views

Make spfx webpart working for guest users

I made a simple hello world spfx web part by following the tutorial on the MS page. I published it, presented on my sharepoint online page and happy. But looks like, it only works for internal users. ...
2 votes
1 answer
1k views

In a SPFx web part, how can I get description and Url from a SP.FieldUrlValue?

I have a SharePoint list with a Link column of type Hyperlink or Picture. How do I access the description and url values in code? export interface ISPList { Title: string; Link: object; } ...
0 votes
0 answers
8 views

PnP JS - getShareLink is not working for PDF files

const result: IShareLinkResponse = await sp.web .getFolderByServerRelativePath(documentUrl) .getShareLink(sharingLinkKind); I am using this to generate shareable link with ...
1 vote
1 answer
2k views

SharePoint Framework ( SPFx) is it possible to create custom HTML page

Just started learning SPFx, so had many queries. First of all In SharePoint Framework ( SPFx) is it possible to create custom HTML page and make that as default landing page for add in. So that we ...
5 votes
4 answers
4k views

Deploying both testing and production versions of an SPFx Webpart

I am trying to figure out how to deploy two versions of an SPFx Webpart to the App Catalogue. We need one for production and one for development. What I have tried so far: Modifying the ID in the *....
3 votes
2 answers
3k 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....
4 votes
1 answer
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
1 answer
1k views

VideoPlayer using React and Typescript

Being new to typescript , I have been struggling with its implementation lately using it on the webpart.tsx file With the help of the posts here , was able to get to the point where the video plays ...
0 votes
1 answer
24 views

I need to make my SharePoint page more interactive

I'm new here. I'm working with SharePoint out of the box web parts and found out it is too basic with little customization. I need to make some web parts interactive but could not due to its ...
4 votes
2 answers
3k 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 ...
1 vote
1 answer
262 views

SPFx You may need an appropriate loader to handle this file type

I am trying to utilize MUI-X charts in my SPFx web part. The code does not show any errors. But when building or using gulp serve, it gives the below error: ./node_modules/@react-spring/core/dist/...
1 vote
1 answer
2k views

ReactDom render multiple elements spfx

Let me start by saying I am working on my first webpart and learning react spfx. I am trying to render multiple elements using ReactDom.render. How do I render both the elements on the same .ts file? ...
0 votes
0 answers
18 views

Does SPFx colors affect the SharePoint Site theme

I have SPFx extensions and webparts deployed in the sites and both framework uses the custom color built in the .sppkg package. And I have custom site theme installed using PowerShell. Does the SPFx ...
1 vote
1 answer
2k 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
26