Know More

Introduction   Hi friends, this blog post will guide you through the usage of  Context API  which is one of the new features introduced in the latest version of React   in SPFx projects .  What is React Context and When to use it In a normal React application, the properties are passed top-down from parent to child and then to the grandchild via props. It works great in simple react applications, but this will be very tedious for complex applications.  Context  provides us an easy way to share the props without having them pass through all the intermediate components.  Context  should be primarily used when the properties must be accessible by many components at different nesting levels. We must apply it with cautious because sometimes it makes the reuse of the components more difficult. How can we use it in SPFx?   I hope many of you are aware of the SPFx development model, where we might need to pass the properties that are captured ...

Hi Friends, this is a series of the post explains different capabilities of the web part using SPFx. Using DateTime control PropertyFieldCollectionData Property Pane Control Using FilePicker and FileTypeIcon control --> You are here Office UI Fabric react DetailsList & PropertyFieldCodeEditor to show the JSON data Office UI Fabric react DetailsList & PropertyFieldCodeEditor to show the CSV data In this post, I am gonna show you how you can leverage on the FilePicker and FileTypeIcon control from PnP Reusable controls on web parts. The code reference shown below will add the file as an attachment to the item in a SharePoint list called ' Demo ', which has only the ' Title ' field. Regarding the basic creation of the project and other stuff, please refer to my previous blog post . I hope those who are familiar with SPFx would know how to create the project and add the dependent npm packages. The following are some of the pre-requisites for the sol...

Hi Friends, this is a series of the post explains different capabilities of the web part using SPFx. Using DateTime control PropertyFieldCollectionData Property Pane Control --> You are here Using FilePicker and FileTypeIcon control Office UI Fabric react DetailsList & PropertyFieldCodeEditor to show the JSON data Office UI Fabric react DetailsList & PropertyFieldCodeEditor to show the CSV data In this post, I am gonna show you how to use the  DateTimePicker  control as 'CustomControl' type in the PropertyFieldCollectionData  property pane controls. Many of them are aware of Reusable property pane controls  and Reusable React controls  that are available to us to use in our SPFx solutions. Thanks to the PnP Team and the Community Members for such great contributions. We are gonna look into one of the property pane controls called PropertyFieldCollectionData which is very much used to maintain a list/collection of data within the web p...

In this post, we will see the FAQ Add-in which is published to SharePoint App Store. The FAQ (Frequently Asked Questions) plays a pivotal role in all the organization to support different levels of users with daily operations, protocols, policies and others. This FAQ add-in is to support the Organization’s using SharePoint as a primary or secondary platform. The add-in uses the default SharePoint authentication and authorization. The questions and answers lists can be stored either in App Web or Host Web. Bodacious add-in features: Easy configurations for the SharePoint administrators. Separate administrator dashboard is available for the configuration and maintenance of the FAQ. Configure where your content is stored either in App Web or Host Web. Autocomplete search for Questions. The answers to the questions can be Enhanced Rich HTML Content. Categorized search for Questions and Answers. Most popular and latest questions on the Dashboard. Copy link to the Q&A to ...