Skip to main content


Showing posts with the label SPFx

Interview Question of Advanced SharePoint SPFx

1. What is WebPack? A module bundling system built on top of Node. js framework is known as a WebPack. It is capable to handle the combination and minification of JavaScript and CSS files, also other files such as images by using plugins. WebPack is the recommended way of bundling the files in JS framework and .Net frameworks. in the SPFx it is used with React Js. 2. What is PowerShell.? PowerShell is a platform introduced by Microsoft to perform cross-platform task automation and configuration management framework, it is made up of a command-line shell, a scripting language. it can be run on Windows, Linux, and macOS. 3. What is bundling and Minification? The terms bundling and minification are the processes of code compressing, which is used to improve the load and request time, It is used in modern JavaScript frameworks and .Net frameworks. It improves the load time by reducing the number of requests to the server and reducing the size of requested such as CSS and JavaScript. it dec

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 logic in y

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 /sharepoint

Interview Questions of SPFx SharePoint

What is SPFx? The SharePoint Framework (SPFx) is a web part model that provides full support for client-side SharePoint development, it is easy to integrate with SharePoint data, and extend Microsoft Teams. With the SharePoint Framework, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready. 1.  How to add SPFx web part to full-width column Answer:  You need to set  "supportsFullBleed": true, on the component.menifest.JSON 2. What is a gulp?  the term Gulp is an open-source JavaScript toolkit created by Eric Schoffstall used as a front-end web development streaming build system. Work with Node.js and npm, used for automation of time-consuming and repetitive tasks. Uses in web development like minification, concatenation, cache busting, unit testing, linting, optimization, etc 3. What is package.json in the SPFx? the term package.json file is an application’s directo

Step-by-step guide to setup SPFx Environment in SharePoint Online

Introduction SharePoint is a framework, which is the same as other web framework and used to implement Web Applications, but the major changes are the only organization are using it for internal purposes or we can say uses for Intranet perspective for internal staffs to share the documents, collaboration and other activity if you are a beginner and learn SharePoint online and its latest framework SPFx then you are in the right place. in this blog, we will learn how we can set up. Steps to set up, the SharePoint Framework is easy as cooking Pen Cake, need to run few commands on Nodejs command prompt and you are ready to build the Web part NodeJS Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser, for the environment setup we can install the node js version of  10.16.1  by clicking on this link  Node JS  once the setup is installed, now, go to the start menu and click node js com