Questions tagged [reactjs]
The reactjs tag has no usage guidance.
68
questions
0
votes
0answers
15 views
Bind Detailed List on selection of Dropdown SPFX
I had created a SPFX webpart which bind data in Detailed list and one more component is there which is dropdown .
I am unable to bind Detailed List on change of Dropdown , below is my full code , now ...
0
votes
0answers
14 views
getting document from Sharepoint Document library
Can anyone guide me to how to get document from Sharepoint Library using rest api in Spfx ,tried using below code to bind static data in Detailed List ,but unable to get rest api call ?
...
1
vote
0answers
8 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.
...
0
votes
1answer
14 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 '...
0
votes
1answer
16 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 & ...
0
votes
1answer
20 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 ...
0
votes
1answer
21 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: ...
0
votes
1answer
28 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 ...
0
votes
1answer
41 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 ...
1
vote
0answers
20 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 ...
0
votes
1answer
62 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 ...
1
vote
0answers
147 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 ...
0
votes
0answers
23 views
SPFx extension placeholder
We have SharePoint 2019 and my designer has make reactjs menu. So I have two question
Can we use Reactjs in placeholder place
Menu is vertical can it be possible
0
votes
1answer
87 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 ...
0
votes
1answer
43 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 ...
1
vote
2answers
95 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 ...
0
votes
1answer
33 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 ...
1
vote
1answer
26 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 ...
1
vote
1answer
26 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?...
0
votes
0answers
82 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 ...
0
votes
1answer
68 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 ?
0
votes
1answer
210 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 ...
1
vote
1answer
183 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"] :''} ...
1
vote
0answers
27 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:
...
1
vote
2answers
139 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?
0
votes
1answer
101 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
...
0
votes
1answer
168 views
Accordion in SPFX using SharePoint list [closed]
How to create an accordion SPFX webpart using SharePoint list as backend?
0
votes
3answers
555 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;
}
1
vote
1answer
110 views
Title Area modern ui pages does not load
I have two modern UI pages Test1 and Test2. In Test1 page, I am using SPFx webpart to hide control on particular pages. I am using CSS:
global {
div[class^='pageTitle_'] {
display:none;
...
0
votes
1answer
196 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 ...
0
votes
1answer
132 views
Image Carousel Video Autoplay true or False
I want to set autoplay true if it is video and false if it is image. I tried using setState inside autoplay as given below but it is throwing an error:
autoPlay={this.setState({ autoplayvideo: true ...
0
votes
1answer
202 views
Image Carousel SPFx webpart with video as a source
I want to bind a video in carousel with source which is a hyperlink in the carousel.
I am able to bind images but not able to bind video as a source. How do I load videos with images?
<div style={...
0
votes
1answer
536 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
144 views
on click change Document card color SPFX
I have developed a webpart where on hover i am changing the color of document card office fabric component and on click of document card i am showing grid ,but i am not able to change color of ...
0
votes
1answer
125 views
Argument of type '{ description: string; siteurl: string; }' is not assignable to parameter of type
For SPFx running gulp serve getting below error. For this line it was working before:
public render(): void {
const element: React.ReactElement<IReactGetitemsProps > = React.createElement(
...
0
votes
0answers
70 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, ...
0
votes
1answer
159 views
Document card hover colour change
Hi I have used office fabric ui document card i want to change colour on hover of document card ,
const cardStyles: IDocumentCardStyles = {
root: [
...
0
votes
1answer
127 views
SPFX: is @pnp/sp get call asynchronous?
I am new with @pnp/sp and I am having problems with my code:
public render(): React.ReactElement<IVisualizadorPermisosProps> {
var arbol=[];
sp.web.get().then((data)=>{
arbol....
1
vote
1answer
482 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
vote
0answers
255 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 "...
0
votes
1answer
1k views
Fabric UI DetailsList component - Dynamically load group items
I'm using grouped DetailsList Fabric UI component in custom SPFx webpart for displaying list data.
https://developer.microsoft.com/en-us/fabric/#/controls/web/detailslist/grouped
I need to load ...
1
vote
2answers
1k views
Workbench issues with spfx 18.2 and react 16.8.4
I have recently updated a number of modern spfx webparts to spfx 18.2 and this morning when I try to debug in workbench (locally and on tenant) I am getting serve errors in relation to react and react-...
3
votes
2answers
651 views
Integrating Azure custom BOT on SharePoint home page
I am planning to create a custom UI Bot using ReactJS and have it on the Home page(NOT modern) of our SharePoint site. After some research, i found out we can use it with SPFX webpart and possibly ...
0
votes
1answer
271 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?...
0
votes
2answers
149 views
Mulitiline of text column not used to filter particular word from list using rest API filter query in sharepoint online
I want to search the value in one particular column of the list using RestAPI.
_api/web/lists/getbytitle('FAQ')/items?$filter=contains('" + Searchtext + "',Answers)
And tried this,
_api/web/lists/...
1
vote
1answer
1k views
Problem with rendering a React component in another component for SPFX
This is my first post here, I guess :)
I am writing because I have a task to make a Shopping app which should be made in SharePoint Framework and use React as a framework.
My current problem is ...
2
votes
1answer
631 views
Best JS framework(Angular/React/Vue) to use in SharePoint 2013 [closed]
We have tools (Basically CRUD operations in multiple lists across sites/site collections. Handles large amount of data and has lots of business functionalities/logic) that were built using jQuery and ...
1
vote
2answers
1k views
SPFX webpart context is undefined
Ok so i've searched for a while and tried everything. I've followed these steps as well -> How to retrieve pageContext in SPFx?
So far its just a "testing phase", but i get stuck at the beginning ...
1
vote
0answers
654 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>
<...
0
votes
1answer
43 views
Spfx webpart - single web part with 100+ forms in it
I am creating a spfx-ReactJS web part for O365 site.
This is actually a java to sp re-engineering. Legacy java app has 100+ pages, I am trying to put all of these into one spfx webpart and add it to a ...
