Skip to main content

Posts

Showing posts with the label SPFx

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

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

"You can't add this app here" error in SharePoint

Once you add your app to app catalog and then you go to the site collection and you select the add an app option, and you search the app and you see the error message “You can't add this app here”.  You can't add this app here is the common issue users get while installing the SharePoint apps or SPFx packages.   This is a generalize message shown in various situations. You can check the reason on clicking "Find out why". Some of the causes and there solutions are listed below:  Cause 1 : Good news - you already have this on your site.   First Scenario : Meaning of this message is that app is already added on the site, go to the Site content and check that app is already exist or not, If exist and still you want to add it, uninstall the app and also remove it from the recycle bin and then you will be able to add this app. Second Scenario :  If you checked the site content and app is not installed, go to the recycle bin (also to admin recycle bin ) and if app...

Useful commands for SPFx development

In this blog, we are going to learn all the commands which are very useful in developing SharePoint Framework client side solutions. These commands are useful in both web parts and extensions development using SPFx Framework. You can install node modules and use them in SharePoint Framework and either you can use things from CDN also. Clean and build the SharePoint Framework (SPFx) client side solution. gulp clean gulp build Create app package of SharePoint Framework (SPFx) client side solution. gulp bundle --ship gulp package-solution --ship Install Jquery in  SharePoint Framework (SPFx) client side solution. npm install jquery --save npm install @types/jquery --save-dev Install bootstrap in  SharePoint Framework (SPFx) client side solution. npm install bootstrap --save npm install @types/bootstrap  --save-dev Install bootstrap with a specific version in  SharePoint Framework (SPFx) client side solution. npm install bootstrap@4 --save npm install @types/bootstrap@4 ...

Create document library using SPFx solution

 In this article, we are going to learn how to create(provision) document library programmatically. We can create a list or document libraries programmatically with the SPFx solution.  In my previous article, I wrote about the  Provisioning of list with SPFx web part solution . SPFx provides flexibility to provision SharePoint assets with the solution. In this article, we are going to provision a document library. Create a client-side web part solution  Follow the steps for creating a client-side web part solution, run the commands using command prompt. Create a directory md test-webpart Move to the directory cd test-webpart   Run yo @microsoft/sharepoint command to create a client-side web part. Once you run the command mentioned above, you need to put some information related to the web part solution   What is your solution name? Give the name to your solution.  Which baseline packages do you want to target for your component(s)?  On w...

Provisioning list through SPFx solution

In this article, we are going to learn H ow to provision SharePoint  assets with SPFx  and  How to provision multiple instance of assets with SharePoint Framework Solution(SPFx) . SharePoint Framework tool chain allows us to package and deploy SharePoint items with SPFx solution. We can  also  provision multiple list instances with SharePoint Framework solution. Follow the steps mentioned below to provision list instance with the SharePoint framework solution: 1. Once you are ready with your SharePoint Framework solution. 2. Create folders for the SharePoint assets:      A.  Create folder with  " sharepoint"  name  to the root of the solution.        B. Create folder with "assets" name inside the " sharepoint " folder.    3.   To provision SharePoint assets to sites with SharePoint Framework(SPFx), we need to create the required xml files.    ...