Skip to main content

Posts

SharePoint Web UI kit

Microsoft has unveiled its inaugural modern UI toolkit tailored for SharePoint sites and pages, a response to invaluable input from customers and MVPs. The objective is to provide users with the tools they need to efficiently craft their online environments. Leveraging the widely utilized Figma tool, Microsoft has created a comprehensive collection of web parts, styles, and templates, streamlining the process of constructing captivating websites. How you can get started with the SharePoint Web UI kit? Using the link mentioned below you can open the web kit in figma. https://www.figma.com/community/file/1260359051156407926/SharePoint-Web-UI-Kit What you can do with the SharePoint Web UI kit? Right now this is the first iteration based on my learning, these are the key take away. Utilize Figma's page templates to craft page arrangements for your SharePoint site. Enhance the layout by incorporating Figma components, which can be easily dragged, dropped, and adjusted according to your
Recent posts

Enhancing Access Control and Security with SharePoint Custom Permissions

The foundation for an organization's ability to successfully store, organize, and exchange information is SharePoint, Microsoft's feature-rich collaboration platform. Access to features and content is controlled via a permissions system that is essential to SharePoint's functionality. While SharePoint has default permission levels, businesses frequently need more granular access control. In-depth examination of SharePoint custom permissions is done in this blog post, along with an examination of their value and range of uses for improving security and access control. Here are several scenarios where I successfully achieved the desired results by implementing custom permissions: How To Hide Site Contents In SharePoint Online: we needed to create a special permission. To do this, we copied all the permissions from the "Contribute" permission level, except for one called "View application pages." By doing this, users can do almost everything that "Cont

Create App Catalog in SharePoint Online

In SharePoint, the App Catalog is a central location where we can manage both in-house and outside produced apps and make them accessible for users to install across all site collections. If you attempt to add a new app from your SharePoint Online site's Site Contents page, installed applications will be displayed under the "From Your Organization" link.  To create an App Catalog site in SharePoint Online, follow the instructions in this article. App catalog can be created at two level, a global app catalog and an app catalog specific to a site collection.  Create an SharePoint Online app catalog site collection Login into Microsoft 365 as a global admin/SharePoint admin.  Select the App bar and go to Admin and then click on the SharePoint Admin . Select the "More features" and click on the " Apps " If the app catalog is not created already, you will get the option for "App Catalog"  and if it's already created you will navigate to the ap

Part URI is not valid per rules defined in the Open Packaging Conventions specification issue with SPFx package

"Part URI is not valid per rules defined in the Open Packaging Conventions specification" is very common issue and everyone who have worked with the SPFx, have faced this issue at least once. But interesting thing is that, User will not get any information about this error on the terminal or console. How to resolved "Part URI is not valid per rules defined in the Open Packaging Conventions specification" Let's discuss root cause of the problem and steps to resolve this error: Check your project folder name, if your project folder name have any underscore/space/dash remove them because this is one of a cause behind this issue. Check assets you have used in your solutions, check the CSS file, .tsx file, JS file, images, Ts file, font libraries and if they have any underscore/space/dash in the file name remove them.  Let's fixed this issue: Remove the  underscore/space/dash from project folder name and from css, ts, tsx, js, font library, images.   gulp clean g

Cancel Flow Run in Power Automate

There are several use cases in which it's required to cancel flow runs that are in progress. Cancel the Flow Run action is part of Power Automate Management. "If  a flow created to send an email to users based on the status and if due to any discrepancies  or glitch the data get entered incorrectly and due to this users will get multiple emails and their inbox will be flooded. In such cases cancellation of the running instance of flow is needed" .  This blog includes steps by which one can cancel the running instance of Power Automate Flow. How to cancel the running instance of the Power Automate Flow: To Cancel flow using the the Power Automate Management Connector, we need to follow the steps mentioned below: To stop the Power Automate flow, we will need the run ID of the flow. To get the run ID of the running instance, go to run history and click on the flow link.  From the URL section of the browser go to the and and copy the ID entered after the runs. Keep this

SharePoint Framework SPFx Node Version Compatibility

How to check the compatibility between the SPFx version and the Node.js version The SharePoint Framework (SPFx) is a client-side development platform used to develop web parts and extensions for SharePoint. The SharePoint Framework (SPFx) is compatible with the Node.js versions. Existing SPFx solutions may have different SPFx versions as compared to the current solutions. To make the SPFx solution run, Node.js is required, and in this blog, I am sharing steps to check the compatible node module for SPFx.  Find the SPFx version from the solution:  Open the project solution and navigate to the "package.json" file. In package.json file you will find  "@microsoft/sp-core-library" key and value of this particular key is the version of the SPFx.       Ex:    "@microsoft/sp-core-library": "1.14.0" Another way to find the SPFx version is by command, open the command prompt and run the command mentioned below: npm ls -g --depth=0 @microsoft/generator-s

Access denied on SharePoint admin center but user has SharePoint admin role

In this article, we will be discussing an issue "one of my users has the SharePoint admin role, but when attempting to access the SharePoint admin center, the user is denied access". It's a very strange issue but it happens.  We will be discussing quick steps to resolve this issue which works for me and other people. Also, we will discuss what you do if these things will not work for you. Solution for " Access denied on SharePoint admin center but user has SharePoint admin role" Solution 1:  1  Log in to the office 365 admin center. 2  In the left panel you will find the option Roles, In the roles go to the SharePoint administrator and remove the user for which you are facing the issue. 3  Re-assign the role to the user. Solution 2:  1  Log in to the Azure Portal. 2 Navigate to the User option, search for the user and then remove the assigned role. 3 Re-assign the role to the user. If the above solutions not worked and the issue still persists, in this case, yo

SharePoint Site Admin?

SharePoint site admin/site collection administrator In this article, we are going to discuss SharePoint Site Admin previously known as SharePoint Site  Collection Administrator. We will also understand the sharepoint site collection administrator responsibilities and  sharepoint site collection administrator role. What SharePoint site admin can do? roles and  responsibilities of SharePoint site admin  You might imagine the SharePoint Site Collection Administrator as a Super Owner. Everything in the site collection that can be handled through the web interface is completely under their control. The functioning of tools like Search, the Recycle Bin, Document ID, and more can be controlled by Site Collection Admins. They can control site collection caches, edit site collection policies, check audit log reports, and activate or deactivate site collection features. In essence, the SharePoint Site Collection Administrator is able to do all system administrator-level actions within the site c

How to test SPFx web parts and extension on the modern pages in SharePoint online

In this article, we are going to see the ways in which we can test, and debug SPFx solutions on Modern Pages on SharePoint Sites. There are several ways to debug the SPFx client-side solutions with SharePoint Modern Pages. Why it's beneficial to test web parts on modern pages? It's easy to test web parts on the local workbench and it's a very time-saving approach. But in some cases, when you are developing web parts that interact with the content of the SharePoint site or you are using the SharePoint APIs local workbench will not work, because we need access to get data using SharePoint APIs that we will not get on local workbench.  Test SharePoint Framework web parts on Modern Pages in SharePoint sites without deploying to your app catalog site. Test your SPFx client-side solution (web part or extension) on the SharePoint Modern pages by loading the debug scripts.   Follow the steps: 1. Run the command (gulp serve –nobrowser ) 2. Go to the SharePoint site and n avigate to

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