9 votes
Accepted

Hide/Disable property pane component based on another component's value

You can make use of a standard boolean check to determine whether your toggle component has value. Based on that, you can show/hide your slider component. You can do this bool check in the ...
user avatar
  • 30.3k
6 votes
Accepted

How to open property pane in a SPFx webpart without going in edit mode?

You can do this by calling the open() method of the Property Pane which can be accessed via the web part's context property: this.context.propertyPane.open(); You can call it on a button click event ...
user avatar
  • 30.3k
4 votes
Accepted

Close propertyPane in sharepoint framework

Yeah, no good option available right now to close the property pane via API. But then you can use document.querySelector to find the close button element and then programmatically trigger the click ...
user avatar
  • 30.3k
3 votes
Accepted

Add informative text to PropertyPaneConfiguration

You can use PnP SPFx property pane controls in your solution. They provide callout value for standard property pane controls like button, text, dropdown etc. Example: To install them, you can do ...
user avatar
  • 30.3k
3 votes

Add informative text to PropertyPaneConfiguration

Yes, you can use PropertyPaneLabel for that. Something Like: { groupName: "Custom group", groupFields: [ PropertyPaneTextField('textboxField', { label: "Enter a custom ...
user avatar
  • 29.2k
3 votes
Accepted

SharePoint Framework property pane

Just like the classic webparts, they are designed for configuration of that SPFx webpart.
user avatar
  • 28.9k
2 votes
Accepted

SPFx - CSS for property pane

I had similiar issue with the FabricUI:Dialog. The CSS will be overwritten or ignored. I ended up to use a "normal" css file and overwrite the css in the "traditional" way ;-) Add a normal css file ...
user avatar
  • 308
2 votes

Hide/Disable property pane component based on another component's value

Thanks for the answer from @GautamSheth but I also thought outputting an empty PropertyPaneLabel is definitely not ideal as mentioned by @ColinGardner. However, I also don't think creating a new ...
user avatar
  • 131
2 votes

New Communication site Template supports Multilingual Content

Vinit, There isn't anything available out of the box yet, but there is a "patterns and practices" (PnP) solution that you can find at: https://github.com/SharePoint/sp-dev-solutions/tree/master/...
user avatar
  • 1,191
2 votes

SharePoint Framework SPFx - Using PNP js How to get and save value in Yes/No sharepoint column

In REST, booleans (YesNo choice) fields should be set as 0/1 i.e 0 for No and 1 for yes. So, you can use the below sample code. We will first check if the checkbox is checked. If it is checked, will ...
user avatar
  • 30.3k
2 votes
Accepted

SPFX No Javascript Framework

Samuel, From the error, it looks like you may be trying to use Dynamic properties. Dynamic properties were introduced in SPFx 1.7, unfortunately SharePoint 2019 only supports up to SPFx 1.4.1. I know ...
user avatar
  • 1,191
2 votes

How to put image and link under PropertyPane Description field for the web part in SPFx?

Check below web part sample in Github repository where author added hyperlink on web part property pane using custom HTML: Script editor web part for modern pages built in React Specially check these ...
user avatar
  • 29.2k
2 votes
Accepted

SPFx Web Part Property Pane refreshes web part on every keystroke

You have to override disableReactivePropertyChanges method for this scenario. The property pane has two interaction modes: Reactive Non-reactive In reactive mode, on every change on a field control ...
user avatar
  • 29.2k
1 vote

Does anyone know how a custom SharePoint list to be showed as a persona card?

You may want to look at this sample repository, and see if you can find something that meets your needs? https://github.com/pnp/List-Formatting/tree/master/column-samples/person-hover-card
user avatar
  • 1,191
1 vote
Accepted

How to call an API request in the .ts file spfx not the main component

The easiest way to do this would be to load the data in your OnInit() method, and then reference it in your property pane. Similar thread: SharePoint Framework web parts - dynamic properties pane ...
user avatar
  • 29.2k
1 vote

Selecting Document Library through PropertyPane in SPFX

This kind of behavior happens when you perform DOM manipulation in your web part like using ID or class of HTML element and change its attributes to show/hide the controls or to display the data in ...
user avatar
  • 29.2k
1 vote

How to get document library in webpart property using no javascript in spfx

You can use PropertyFieldListPicker, it's supposed to allow you to pick up one list (event document library) from a dropdown. https://pnp.github.io/sp-dev-fx-property-controls/controls/...
user avatar
1 vote
Accepted

Retrieving data from rich text editor in spfx web part properties

Thought I would come back and share what my code looks like after finally getting this to work. Just in case it can help any one! { id: "description", ...
user avatar
  • 121
1 vote

Retrieving data from rich text editor in spfx web part properties

In your code example, the value would have to be passed to the onUpdate function on your onCustomRender property. You can see how this is done in the bottom example on the page you linked: 01. { 02....
user avatar
  • 2,229
1 vote
Accepted

WebPart.ts to render a dynamic drop-down list

Try this approach. Modify your imports: import { Version, DisplayMode } from '@microsoft/sp-core-library'; Then, make a separate function to update the list array: private refreshList() { if ...
user avatar
  • 2,229
1 vote

Adding same webpart with different configuration, multiple times on the same page

Kumar, This kind of behaviour can happen if you use DOM manipulation in your web part (e.g.: find an element by CSS class or I'd and change its attributes) to display the data. What happens is the ...
user avatar
  • 1,191
1 vote
Accepted

SharePoint Framework Web Part data storage

If we're talking about an SPFx custom web part, you can defined a web part property but do not create a Property Pane Field for it. Thus, you'll be able to set it programmatically and users won't be ...
user avatar
1 vote
Accepted

Configure multiple modern SPFx Web Parts on classic pages

Update: This has been identified as a bug by the SharePoint dev team, and a fix has been deployed - https://github.com/SharePoint/sp-dev-docs/issues/3345#issuecomment-460534157
user avatar
1 vote
Accepted

How to access properties that I have created dynamically?

Normally, every PropertyPane contructor takes as first parameter the variable it will use to store the data. So your this.properties object should contain any of the variables you declared. I'm not ...
user avatar
1 vote

How can I use a Property Pane Button to dynamically add or delete fields in the property pane?

If you wish to be able to alter the number or the type of fields displayed in the WebPart Property Pane, you need to change the code in the <webpart-name>WebPart.ts file in the protected ...
user avatar

Only top scored, non community-wiki answers of a minimum length are eligible