Questions tagged [reactjs]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
0 answers
20 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
0 answers
52 views

JavaScript dropdown select redirect and localStorage clear

I have spfx extension with dropdown selection on the top placeholder which it navigates between sites so when navigating between the sites I would like clear localStorage which it clears while ...
striker92's user avatar
1 vote
1 answer
116 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
0 votes
0 answers
10 views

When we do save as draft we are getting old field value for the property pane field , why its happening and how to get latest value on save as draft?

We are having GUID in the webpart property pane, But when we edit that in sharepoint page its giving correct value but on save as draft , again the previous value is getting populated for the guid, ...
Vivek Chadha's user avatar
0 votes
2 answers
43 views

How to get current page URL in SharePoint page through web part?

I tried using the window.location.href, its not working when the webpart is deployed in the production environment How to get the current page URL on the SharePoint web part?
Vivek Chadha's user avatar
1 vote
0 answers
167 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
0 votes
0 answers
32 views

Altering Default TaxonomyPicker and ListView Component

I am using the ListView and TaxonomyPicker from the SPFx Controls-React and I want to alter the default way both components render from: To: Essentially shrinking down the Filter text input of the ...
Max Taylor's user avatar
1 vote
1 answer
43 views

Adding List item without user info (anonymously) for authenticated users in SP Online using JS

We have a SharePoint online site with organization only access. We have set of users who will be submitting a survey/feedback which needs to be added to list without user info (anonymously) to follow ...
Gaurravs's user avatar
  • 3,548
0 votes
1 answer
302 views

Proxy to get data from SharePoint REST APIs

We have a react frontend application. The data source for this app is SharePoint Online list and libraries. We found a solution in node js that serves our purpose, to call REST APIs from react front-...
Ishan's user avatar
  • 774
0 votes
1 answer
361 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
111 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
2 votes
1 answer
418 views

Ternary operator in SPFx to show hide

I am Working on SPFx and writing below code to get current user belong to particular group or not and if its belong then show else hide below is my interface: UserInGroup:boolean; State: UserInGroup:...
Ashok 's user avatar
  • 49
1 vote
0 answers
82 views

Provide user ID and password to sp-rest-proxy react app dynamically and run the proxy with the credentials [closed]

I finally found the way to connect to SharePoint 2013 on-prem environment from an external react app. I made use of the sp-rest-proxy (https://github.com/koltyakov/sp-rest-proxy). While deploying the ...
noah_dvlpr's user avatar
0 votes
0 answers
16 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
572 views

Sort items inside my React.Js SPFx web part

I have a SharePoint list, and i want to order the items based on the "Featured" field, but things is not working, where if i define this ordering logic:- a.map(b => { if (b ===...
John John's user avatar
1 vote
0 answers
51 views

How I can force a table <TD> to occupy the full vertical space? [closed]

I want to show 3 boxes of content inside a table inside my SPFx react web part:- I have the following code:- singlenews.tsx:- import * as React from 'react'; import styles from './SingleNews.module....
John John's user avatar
1 vote
1 answer
162 views

Rest apis in SharePoint

I am new to SharePoint but not having any luck. Please correct me if I am wrong on the process so far. I am using react and need to create a CRUD app in react for SharePoint, so to do this I need to ...
user98224's user avatar
0 votes
1 answer
621 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((...
kumar's user avatar
  • 129
0 votes
1 answer
1k views

Get selected value of fabric dropdown

I want to get value of selected dropdown in my Visacontact() function, below is my code: <Fabric className={styles.matrix2}> <VirtualizedComboBox styles={comboBoxStyles} ...
kumar's user avatar
  • 129
0 votes
1 answer
407 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
1 vote
1 answer
673 views

how can we automatically add commas to numbers being typed in SPFx react fluent textfield. ex: 1,000,000,000

<div> <TextField value={this.state.Budget} onChanged={this.onChangeBudget} /> </div> public onChangeBudget = (value: string) => { console.log("Budget : ...
Sunny Sinha's user avatar
2 votes
0 answers
114 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
0 votes
0 answers
172 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
  • 129
0 votes
1 answer
476 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
1 vote
0 answers
37 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
0 votes
1 answer
254 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
112 views

Reading configuration at runtime

I have created "Search Result Source" in my development & production environment Using that in search REST API with source GUID. Now thing is that source GUID of development & ...
Milind's user avatar
  • 1,538
0 votes
1 answer
985 views

Current Login user profile image in reactjs

I am trying to fetch profile for current login user in SharePoint 2019. But if there is no profile image then it will throw error in img tag. So I created small component that if profile image is not ...
Milind's user avatar
  • 1,538
0 votes
1 answer
289 views

SPFX react solution intrinsic error

child component export default class Example extends React.Component<ICState,{sData,cData}> { constructor(props,state:ICState) { super(props); sp.setup({ context: ...
Sz4's user avatar
  • 67
0 votes
1 answer
231 views

cross site collection file property update in SPFx

is there a way to update SharePoint Library file properties from different site collection? I have file uploaded to https://sharepoint.com/sites/site1 & I need to update the file property from ...
Ashutosh Agarwal's user avatar
0 votes
1 answer
1k views

Upload file from one site collection to another in SPFx

I have a SPFx solution which have a input tag to upload a file. When I try to upload the file in the same context of the site collection it works fine, but I am not able to get uploaded to different ...
Ashutosh Agarwal's user avatar
1 vote
0 answers
197 views

When i am trying to get data formatted data from list(rich text) and bind it to pnp Rich text box cntrol nothing is visible [closed]

When i am trying to get data formatted data from list(rich text) and bind it to pnp Rich text box cntrol nothing is visible in control, though the data is there in state. I have tried to use below ...
Sunny Sinha's user avatar
0 votes
1 answer
2k views

How to check folder permissions using pnp/sp library in spfx web part?

I am developing one SPFx web part wherein I am showing all the folders which the logged-in user has access to. And I have a couple of folders in one document library(IT Docs) and some of the folders ...
Pravin Durgam's user avatar
2 votes
0 answers
859 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
  • 129
1 vote
1 answer
3k views

How to retrieve user and groups from sharepoint online using SPFX Webpart

I have to retrieve all users and groups from sharepoint online site,it should be displayed in spfx webpart in below format.Provide me any code examples in React JS. UserName GroupName user1 ...
Elina's user avatar
  • 349
0 votes
1 answer
293 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
1 vote
2 answers
1k views

Redirect to another component in spfx webpart recatjs class component

I have developed an component which displays the table of data and an button which should leads to the another component to create an new item in the list. I tried different approaches to get this ...
Shobha P's user avatar
0 votes
1 answer
897 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
1 vote
1 answer
469 views

Display multiple Dynamic IPropertyPanePage.groups Sharepoint Online Framework

Hi everyone I'm creating a Web Part in order to display a full width Bootstrap grid with you can personalize Sharepoint pages. Selecting the Grid Size options the Grid is created and everything works ...
Matteo Nasuelli's user avatar
1 vote
1 answer
203 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
0 votes
0 answers
314 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
2k views

how to read all the properties of all the files in a Document Set Using @pnp spfx

how to read all the properties of all the files in a Document Set Using @pnp spfx React JS ?
NOOR's user avatar
  • 47
0 votes
1 answer
1k views

Get Enriched MultiLineText Field value without loosing its HTML property and Display it without html tag using spfx pnp/sp

I need to get enriched multi line text field value of a list item in SharePoint online SPFX web-part and display the field value in a table column without loosing its html property also hiding html ...
Bini Jacob's user avatar
1 vote
1 answer
1k views

Open image in new tab in spfx webpart

I want to open image in new tab if some one click on legend "Click here". <p className="legends"><FieldUrlRenderer text={'Click here'} url={imageList.Image ? imageList.Image["Url"] :''} ...
kumar's user avatar
  • 129
1 vote
0 answers
43 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
2 votes
2 answers
1k views

Is possible put React JS on Sharepoint Extension?

I am new to SharePoint development, and in need to create a custom side panel (with React), when click on item of list view. Is it possible to use React JS while developing SPFx extension?
Leo Altissimo Neto's user avatar
0 votes
1 answer
245 views

SPFx webpart component set default color

I have created a tiles webpart where i am changing the color on toggle between tiles but i want to set default color for one of tiles once page load and then user can toggle ...
kumar's user avatar
  • 129
0 votes
1 answer
943 views

Accordion in SPFX using SharePoint list [closed]

How to create an accordion SPFX webpart using SharePoint list as backend?
kumar's user avatar
  • 129
0 votes
3 answers
3k views

Add Css in spfx

I want to add below CSS in SPFx web-part using states. But unable to do it: div[class^='pageTitle_'] { display: none; }
kumar's user avatar
  • 129