Skip to main content


Introduction to SharePoint site template and site script

In this article, we are going to learn about site templates, site design, and site scripts in SharePoint online. We will also create one template in SharePoint online. SharePoint's site template feature gives us the flexibility to do a common set of things on a SharePoint site. SharePoint templates can also be used on SharePoint sites that already exist, such as the Team site or Communication site. You can make site templates with common features like lists structures , or custom actions so that your users can quickly build new SharePoint sites with the same features by applying the templates. There are two parts to the site template. One is site design, and the other is site script, First, we'll figure out these two things. Site Script:    A site script is a JSON file with a list of actions that will be run when you apply site design. Site Design: Site design act as a container of the site script. Site scripts are attached to the site design, you can attach more than one site
Recent posts

SPFx Interview Questions With Answers - part 2

In this article we will includes spfx interview questions based on the SPFx development. Write the steps to deploy SPFx web part to SharePoint online. To deploy the SPFx web part and extension in SharePoint online. We need to follow the steps mentioned below to deploy SPFx client side solution (web parts, extension ) to SharePoint : App Catalog site is a prerequisite to the deployment of the SPFx client side solutions. Hence, you need to ensure that an App Catalog site is present. Create Package : Open the command prompt and move to our SPFx web part directory. Run the command "gulp clean" , this command removes all files from previous builds. Run the command  "gulp bundle --ship" , you have to add the --ship or the --production argument to the bundle command, this command helps us to build solutions for production. Run the command  "gulp package-solution --ship" , one we run the previous command we need to run this command to create a package. Once the co

SPFx Interview Questions With Answers

In this article, we are going to discuss interview questions related to the SPFx (SharePoint Framework Development ). It will help you to prepare for the interview and in getting clarity on the core concepts of SPFx development. What is SPFx? SPFx, short for SharePoint Framework,  SPFx  allows us for client-side SharePoint development, we can easily connect with SharePoint data and it also supports for open source tools. What is the major difference between SPFx web part and the SharePoint app? Both the development model supports client-side development but the major difference between these two is that the SharePoint app(add-in) runs on the iframe. What you can build with SPFx? Using SPFx framework we can customize the SharePoint pages. We can build things mentioned below using the SharePoint Framework(SPFx). Web parts, Extensions, Adaptive Card, Library Component How many types of extensions we can create using SPFx? SPFx has three extension types: Application Customizers: Using the

SPFx environment setup with multiple Node.js version

"How to set up SPFx development environment"  is the first question that came when we want to develop client-side solutions using SPFx. This blog will share the steps to set up the SPFx environment with multiple Node.js versions. This article also include steps to setup the nvm on windows machine. Using nvm we can manage multiple node versions on the windows. There may be times when using Node.js that you need to run numerous instances of the software on the same computer. To work with SPFx solutions which are created with different versions of  Node.js, You need multiple Node.js versions on your machine. To install and set up the SPFx environment with multiple Node.js versions, use the steps mentioned below.  If Node.js is already installed on your computer, use the instructions below to remove it. 1. Uninstall Node.js   2. Remove the Node.js  related folders from the location "C:\Users<user>\AppData\Roaming\npm" SPFx Node.js supported versions are: The Share

Some common SPFX solution deployment errors like - Component ID {0} exists in solution {1} already

In this article, we are going to learn about some common error we faced while developing and deploying the SPFx solution. There are several mistakes we make while working with the exsisting code, I will be sharing the solution to get rid from those errors. Error 1 : When you create a solution and run with the gulp everything seems fine but when you deploy the package to app catalog you see these errors : Component ID {0} exists in solution {1} already   or  Component ID {0} exists in solution {1} already. And having some correlation ID or  A solution with the same product ID already exists.  Please upload the file with the same name and replace the existing solution Solution:  This error stated that you are using the solution with same id which is already deployed at your app catalog. You can change the   Do the steps mentioned below: 1. Go to your solution, Under Config move to package-solution.json file and change the id. You need to replace the guid and you can create new id  using

How to find app catalog site URL in SharePoint Online

SharePoint App Catalog is a special site collection that holds all custom solutions, apps. App catalog is used to deploy the custom solution like SPFx solution package or SharePoint add in app package or other solutions. But, when you have  large number of sites in your sharepoint environment and user do not know the url of  app catalog site then question will came in mind of user, How do I find the app catalog in sharepoint online , How do i get url of app catalog site in sharepoint  etc. We will provide you the ways to easily locate app catalog site in sharepoint online. Option 1: 1 Sign into Office 365   as a global or sharepoint admin. 2 Go to the apps and select Admin .  3 Now under the Admin Centers click on the SharePoint admin center . 4 In SharePoint admin center, go to the Active sites. 5 Now go to the right section where all the sites are listed and filter by template with " App Catalog Site ". 6 Once you apply the filter SharePoint App catalog site will get list

Site Assets Library missing in SharePoint Online

 In SharePoint online when you create a communication site and you go to Site contents and search for  SiteAssets, you will not find  SiteAssets Library.  It will get created when you set a site logo or when you enable site feature. This article will answer your questions like  Site assets missing in sharepoint online? or Site assets library missing in communication sites? There is several options available to get the  SiteAssets  library.  To get the SiteAssets library back by this options: Option 1 : 1. Click on the gear icon and then Change the look option. 2. Then move to the Header section and set the Site Logo . Once you set the site logo.  SiteAssets  library will get created. Option 2 : By enabling the site collection features, we can achieve it. 1.  Go to your Site collection  and  click on “Site Information”.   2. Go to Site Settings   and  click on “ Site Collection Features ” under the Manage Site collection features. 3.  Then  “Activate” it by clicking button next to t

How to update web part name, package name, solution name in SharePoint Framework (SPFx)

In this article, we are going to discuss some common things which we need to update in SharePoint Framework(SPFx) solution. How to chage the SharePoint Framework Solution name?? SharePoint solution name we set while creating the solution but some time we need to chang it. In order to change the SharePoint Framework solution name, we need to edit the package - solution.json file, change the name under the solution. It will change the name and new name will also appear on title in SharePoint appcatalog when you deploy the package. How to chage the SharePoint Framework package name?? If you want to change the name of sppkg package created using SPFx, you need to edit the package-solution.json file.   Upadate zippedpackage under the paths. Only the name after '/ ' should be updated. How to chage the webpart name in SharePoint Framework Solution?? You can change the name of your webpart from the webpart.manifest.json file present in the solution. Change the value of default in tit

Update list metadata Created By,Modified By, Created,Modified Field using PowerShell

In this article, we are going to learn "How to update list metadata using PowerShell". In some cases  we want a particular person to be the created by and modified by and we also want to update the time stamp of modified at and created. We can achieve this using PowerShell. Power shell to update Created By,Modified By, Created,Modified field values --Load SharePoint CSOM Assemblies-- Add-Type -Path "C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\16\ISAPI\Microsoft.SharePoint.Client.dll" Add-Type -Path "C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\16\ISAPI\Microsoft.SharePoint.Client.Runtime.dll"     -- Replace the tenantName and listName with your site name and list name -- $SiteUrl = "" $ListName= "listName" $ID=1 ---- Replace the Username and Password with your one-- $Username = "userId"   $Password = "pwd" |  ConvertTo-

Permission XML for SharePoint Add-in

In this article, we will be discussing the permission XMLs, which are used to provide permission to SharePoint add-in. You can set the App only permission, by setting "true" or "false" in  AllowAppOnlyPolicy=“true” in these permission XMLs.   If add-in granted permission to tenant scope, It includes all children in scope. Before granting access to the app, need to register an app. Follow this link for step by step guide to  How to register an app/add-in in SharePoint   Providing access to add-in at tenant level: To provide access at tenant level user must have the tenant admin level permission. To grant this permission tenant admin can use this URL Search the App Id (Client ID) and it will fetch all the information which you provide at time of registration of app.   Assign full control at tenant level : <AppPermissionRequests AllowAppOnlyPolicy="true">   <AppPermissionRequest  Scop