New answers tagged react
1
it will work with the "&selectProperties='ManagedPropertyName,ManagedPropertyName2,...'"
And that is, where your problem is. You are trying with the Display Name of the column and not the ManagedProperyName.
If you add a field (e.g: 'Last Review Date') the Sharepoint crawler will find/create a new crawled property. It will be named something like '...
1
I would suggest adding a selectedUsers value to your state, which you could set in your constructor's state initialization to this._employeeName, then you would change the selectedItems attribute in your PeoplePicker to selectedItems={this.state.selectedUsers}
At that point you would be able to use whatever logic you need within your component to call this....
0
It should work to set this._employeeName to null and to reset user state you are using for defaultSelectedUsers this.state.userMail to [].
By setting the state you trigger a rerendering while you deleted the current selected information by setting _employeeName to null or undefined
0
I already solved the problem. When I tried to create the project with the current version of yeoman and in this version yeoman put an old version of gulp in the project. When he tried to import react 16, the old version of this gulp requested react in the wrong way. I solved this issue by developing my project into an existing spfx sample project ...
0
Short answer to your question is Yes.
Even if it does not give you an option to choose the JavaScript framework while creating package, you can always install the dependencies and use React JS/Knockout or any other JavaScript framework for development of SPFx extensions.
References:
SPFx Extensions Samples.
SPFx List View Command Set Example using React ...
0
I solved my issue by creating componentDidUpdate method with parameter interface of weather and checking old and new value if value mismatch then I will call getWeather and getLocation which will re-render component with new value.
public componentDidUpdate(prevProps: IWeatherProps, prevState: IWeatherStates) {
let _units = this.props.units ? 'us' : '...
0
I never had this issue by my self but I recently found this:
import { sp } from "@pnp/sp";
sp.setup({
ie11: true, // set ie 11 mode
});
source: IE11Mode - PnP/PnPjs
Seems to be an alternative to your way. Would be nice to know if it works.
In addition to the polyfill package I read that you should load polyfill as the very first package and than the ...
2
According to my research, there is currently no OOTB method to modify the height and width of the column.
Here's a user voice that's been proposed:
Allow changing the width of columns when adding sections to a Modern Page
If you are in desperate need of this requirement, you can write custom CSS in modern pages, which is not a good suggestion.
https://...
3
You could use react-slick slider.
Sample test demo in my SPFx:
You could customize the Previous Next as image instead of text.
Update:
The library supports custom HTML.
Update part2:
My test component(many test scenarios, ignore others)
import * as React from 'react';
import styles from './ReactSpFx.module.scss';
import { IReactSpFxProps } from './...
2
As per my understanding adding dots is not possible as of now (correct me if I am wrong).
However, you can add style to your previous and next button using prevButtonStyles and nextButtonStyles as given in documentation.
Or as a work around you can use React Carousel control: Carousels.
0
adding below css made my image and carousal responsive
.img-responsive {
width: 100%;
height: auto;
}
Hope this may help somebody
Top 50 recent answers are included
