Questions tagged [reactjs]

The tag has no usage guidance.

35 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
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....
Lachezar Stefanov's user avatar
2 votes
0 answers
155 views

Get Detailed SP List Item Version History

I am using ReactJS to develop a custom form and my list includes a multiple lines of text field with the AppendOnly flag set to true. When I open the form, I want to retrieve the version history for ...
Paul Rowe's user avatar
  • 168
2 votes
0 answers
1k views

Sticky Header in SPFx webpart

I have a SPFx webpart where I am using "DetailsList" to bind search data, I want to make header sticky while person scrolls the webpart, I have a search bar then dropdown and then grid in ...
kumar's user avatar
  • 139
2 votes
0 answers
233 views

Dynamic update Icon in SPFX client Web Part

I am using office ui frabric details list to display documents on spfx client web part from here. Now, I want to implement check-in/check-out icons to be displayed on spfx client web part dynamically ...
raju's user avatar
  • 153
2 votes
0 answers
62 views

Is it possible to create a SharePoint hosted list by SPFx?

I need to create a list inside the app which I can remove it when I delete the app from the site.
Sara Shahinzadeh's user avatar
1 vote
1 answer
212 views

SPFx extension is not loading term store properties

I have extension which uses the term store as navigation and on the other hand, I have dropdown list where it has the normal text (SiteA, SiteB, SiteC) with different SP site links on it (href). So, ...
striker92's user avatar
  • 111
1 vote
0 answers
257 views

Is there any way to refresh the page from webpart when user clicks on save as draft in sharepoint page?

We have implemented some webpart where filtering is happening when user select some value from the dropdown and its working fine but when we click on save as draft at that time old filter value is ...
Vivek Chadha's user avatar
1 vote
0 answers
53 views

SiteBreadCrumbs- How to avoid Site Pages

I'm making use of the github code to display breadcrumbs in my site. The code uses pnp control to render the content. Is there a way we can modify this to avoid Site Pages appearing in the breadcrumb. ...
kevin t's user avatar
  • 11
1 vote
1 answer
253 views

In SharePoint Framework Extension (Application Customizer), are there any other placeholders that can be used aside from the header and footer?

We are trying to add a drop-down control in the command bar of a page or beside the share button on a SharePoint Online site. May we know if there is a specific placeholder we can use to achieve this?...
Dianne Lee's user avatar
1 vote
0 answers
49 views

How to implement ComponentDidCatch in SPFx

Could someone please show me how to implement ComponentDidCatch in SPFx. I did it successfully in ReactJs like this: Throwing an Error : throw new Error('I crashed!'); and it would get caught here: ...
Purushottam.Prasad's user avatar
1 vote
1 answer
1k 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 ...
user85476's user avatar
1 vote
0 answers
461 views

Office ui fabric Dropdown menu does not work on keyboard press

I have SPFX component with React library. The Dropdown menu is working fine with mouse onclick events. however, on pressing enter or space is not working. I am thinking of using eventhandlers such as "...
LapelCard's user avatar
1 vote
0 answers
1k views

People Picker React js

Ok I got two questions, might be related. 1.) How can I use the following library in React using import <script type="text/javascript" src="_layouts/15/clienttemplates.js"></script> <...
Billy P's user avatar
  • 236
1 vote
0 answers
329 views

Not able to print HTML based on If statement

So I'm trying to print some HTML code depending on the IF statement. but I'm getting "undefined[object Object][object Object][object Object]" public render(): React.ReactElement<ISPWebPartProps&...
Amazinjoey's user avatar
0 votes
0 answers
10 views

How can i configure on change event on a @mui/material/Autocomplete

First let me say i am a newbie to spfx, and react. I created spfx component, with multiple input fields that on typing on the fields generate a specific search query and then show me the results. This ...
rread's user avatar
  • 11
0 votes
1 answer
56 views

Sharepoint Classic Development with React/Angular

I am tasked with developing an intranet site on Sharepoint Server 2019 for a client. I would love to use Next.JS framework to develop the site. I would like to know if it is possible to use Next.JS ...
Noorul's user avatar
  • 31
0 votes
0 answers
299 views

Jest cannot find module exception with spfx solutions

Can Jest be used effectively with SharePoint Framework solutions that utilize React?. I am encountering import errors in my test cases, the error says Cannot find module. See below error details - ...
Deepak Sharma's user avatar
0 votes
1 answer
573 views

Property 'context' does not exist on type 'DocumentsViewerWebPart'

I have the following code inside my .ts file in SPFx web part:- export default class DocumentsViewerWebPart extends BaseClientSideWebPart<IDocumentsViewerWebPartProps> { private _themeProvider:...
John John's user avatar
0 votes
1 answer
121 views

Jquery .load() not working properly

I am building a react spfx solution that looks like a website. It has a nav bar. The navbar is actually links to the site pages in the same site. What I need is load the contents from "...
Treesa's user avatar
  • 101
0 votes
0 answers
21 views

Having null result whenever using dom selectors in spfx webpart

Trying to get the tsx video tag duration by selecting the tsx tag through dom selectors but getting null in the console
Ariyan Ashfaque Mostafa's user avatar
0 votes
1 answer
494 views

Need guidance to create React SPFx webpart with nested dynamic content

I am working on a scenario where we have a top level SP online site 'Top1' and it has subsites for each department say dept1,dept2,dept3.Each department has specific request list and and respective ...
Kailash Sahoo's user avatar
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 ...
Vivek's user avatar
  • 37
0 votes
0 answers
182 views

pass data from component to Teaching Bubble headlines

I am trying to pass data for headline from my .tsx file to teaching bubble headline which is another but getting below error import * as React from 'react'; import { ...
kumar's user avatar
  • 139
0 votes
1 answer
603 views

PnP People picker - how to clear/reset/filter values in onchange event?

I could fetch the users in on change event that is 'selectedItems={this.getPickerItems}'. But how would I reset or filter values in the control based on some condition? I tried to assign [] to items ...
Satya R's user avatar
  • 11
0 votes
1 answer
323 views

Not able to fetch data from particular list item of site content using React APP WEB-part

I am able to fetch the list which we see on the landing screen of the site-content. However, when I am trying to fetch data by finding a particular item by its title I get an error CANNOT FIND LIST '...
sunil b's user avatar
  • 101
0 votes
1 answer
302 views

Is SPFx client web part durable? Is this good approach to develop web pages to publish in SharePoint online (Office 365)?

I have some dynamic pages in my intranet website (CRUD operation plus search/filter). I have office 365 SharePoint online version. I want to develop client web part using reactjs and restAPI to work ...
rajmahar's user avatar
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 ...
Lachezar Stefanov's user avatar
0 votes
0 answers
391 views

External script added to my react SPFx WebPart is not working in IE 11

I want you to help me with the IE11 issue. Thing is my SPFx web part was not working on the IE browser, I tried various Polyfills and some core-js modules but none of them worked. Later on, I found ...
Sania's user avatar
  • 3
0 votes
1 answer
895 views

PNP JS Taxonomy Term retrieval not giving me back all terms in SharePoint online

I'm currently developing a WebPart for a client using SPFX, React JS and PNP JS where I need to get a full list of Countries from a Countries taxonomy at Tenant level to allow my to populate a ...
Allan MacRitchie's user avatar
0 votes
0 answers
274 views

SPFx: Unwanted border on click of Document Card in React JS

I am creating SPFx webpart using React JS. On click in document card component I am getting unwanted border. I tried removing it but not working. I have applied border-radius on document card style, ...
kumar's user avatar
  • 139
0 votes
1 answer
625 views

Call child component method in parent and visa versa

how can I call a parent components methods from child or visa versa. I'm using reactjs and typescript in spfx webpart. Or should I use helper classes to call methods of another classes from anywhere?...
Satya R's user avatar
  • 11
0 votes
0 answers
327 views

office UI fabric react in sharepoint web part

I am currently developing a web part using the SPfx. Wnated to know how can we edit or override the styles for office UI fabric react ? Thanks in advance. BreadCrumb.module.scss @import '~@...
Brijesh Kothari's user avatar
0 votes
1 answer
270 views

SPFx image previewer extension

I am looking around to create an image previewer extension using SharePoint framework. I don't want to reinvent the wheel, so I am just wondering if there are some ready components which I can include ...
Burre Ifort's user avatar
  • 1,337
0 votes
0 answers
647 views

SPFx:: pnp js :: Delete selected file from client web part using Reactjs

I have a SPFx client web part with documents from library. Now when I select item/row, I need to perform different operations like Delete/Check-in/Check-out based on the button events. I need to ...
raju's user avatar
  • 153
0 votes
1 answer
1k views

Delve profile from SharePoint from list?

I have a SharePoint List from List API and trying to pull in some info about user from Delve. All the steps needed before my output is fine which includes things like fetch, looping, array objects etc....
KidKode's user avatar