Skip to main content

Posts

Showing posts from August, 2021

Add dynamic control on property panel conditionally in SharePoint SPFx

How we can add text, select and checkbox fields dynamically to provide a rich and meaningful full user experience in the SPFx framework? Solution provided: The answer is yes, it is possible to add, show, hide inputs fields conditionally based on the user requirement in the SPFx framework property panel in the SharePoint modern side to realize how modern it is and w hich can be used only on demand. To achieve that kind of feature we just need to use some logic on our solution, so, don't be worried I am going to tell you all here about the new project. Step-1 Open the PowerShell or Visual Studio Code and run the command to create the new solution yo @microsoft /sharepoint     then select the solution name and WebPart name, in my case I created DynamicControl as the solution name. Once it is completed need to run gulp build after the successful build up the solution you only need to follow the below steps to achieve it on your solution To achieve this you need to write some ...

How to set Apply button and make the component full width in SharePoint SPFx

Introduction: SharePoint SPFx framework is filled with very rich UI and flexibility to apply dynamic content and responsive User Interface the only thing is we need to enable it, there is lots of option which we can manually configure one of the examples of Apply button. It is a good practice and an example of rich UI by adding an Apply button in the SPFx property pane. this button has a predefined mechanism that can post the changes made at the property pane asynchronously, so that, you do not need to refresh the page to see your changes.  I t is as simple as you are. you only need to add some lines of code in your component. The below image shows the real-time example of an Apply button with the property pane screen. To achieve it, only need to follow some steps, in this blog I am going to tell you, everything from the beginning. Step-1:  First, of all need to create and the SPFx solution by running the below commands, using PowerShell or Visual Studio Code yo @microsoft /s...