Know More

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...

Hi Friends, today I would like to introduce you to the new Performance tool available for SharePoint online. This is a great tool which helps us to measure different aspects to optimize or normalize our development mode to provide a 100% quality to the custom development that we made on SharePoint. The most important is that it is available as Chrome Extension which makes easier for developers to use to analyze the page before publishing it to the end user. The tool can be used to measure the following How fast pages load How many round trips required per page Issues with the service Other things that cause performance degradation This is to give a small introduction about the tool and what it delivers. Detailed information of the tool can be found in the following link. Page Diagnostic Tool for SharePoint Online Cheers…

Hi Friends, today lets talk about the ‘Chrome Control’ in SharePoint Add-in. I hope you all aware of the name change that Microsoft had brought for SharePoint Apps which is now represented as ‘Add-In’. Don’t be scared about the control, this is nothing but the SharePoint Bar which is termed as Chrome Control. Whether it is SharePoint on-premise or SharePoint online the SharePoint Bar will have some links, settings icon, help icon. Also, the app site will have the ribbon control with the link to the parent site and other stuff. This best part of the chrome control is the client-side rendering where it is rendered based on the options and the use of ‘SP.UI.Controls’ js file which we will see later in this post. By default, when you create a SharePoint Hosted Add-in the default.aspx it will inherit from the ‘default.master’ which has the chrome control added. There are so many ways in which SharePoint Add-in can be developed and it is not mandatory that .aspx file should be the start pa...