Skip to main content

Posts

How to Upgrade SharePoint Web Parts to the Newest Version

Updating the SharePoint/SPFx web parts or other solution is very common requirement, Webparts we can add from the SharePoint store or can be uploaded by our organization. To update a SharePoint web part to the latest version, start by uploading the updated SPFx package to the App Catalog. Then, make sure to upgrade the web part on the site where it’s being used. In this blog will be discussing ways to upgrade both package from the SharePoint app store or the the custom uploaded from the organization Update the web part added from the SharePoint app store: Go to the tenant level app catalog site. Select the app which you want to upgrade. Once you select the app, go the top ribbon and select file and click on the "Upgrade Store App", updated version will be added on the appcatalog if the new version is available on the store. Note: If you built the custom webpart then upload it to the app catalog. Install the upgraded solution: Navigate to the site collection where you have ins...

SharePoint Image column behaves differently

We all are aware of the Image/Thumbnail column present in the SharePoint list. Whenever we want to store the image, we use this column, but recently I found that SharePoint image/thumbnail columns are behaving differently. What's happening : Previously, when we were saving the items in the list and when we fetched items using the code, it was giving a response like this: '{"type":"thumbnail","fileName":"MyPhoto.jpg","nativeFile":{},"fieldName":"ProfilePicture","serverUrl":"https://techrobbers.sharepoint.com","fieldId":"id","serverRelativeUrl":"/sites/SIteName/SiteAssets/Lists/ListID/MyPhoto.jpg","id":"ID"}' But now it is returning data in the below format: "{"fileName":"Reserved_ImageAttachment_[14][Photo][7][content][2]_[10].jpg"}" Also one catch here is that it's working fine for all the ex...

Agents in SharePoint: A New Era of Productivity

Agents in SharePoint is a innovative tool to enhance business processes, productivity and collaboration. Agents in SharePoint allow us to get information from the documents/contents stored on the SharePoint site.Notably, Agents in SharePoint are now generally available, offering a powerful way for businesses to unlock the value of their content and scale expertise across teams. Plenty of organizations using SharePoint and keeping their data into the SharePoint. Sometimes it's very difficult and time-consuming to navigate to the document and retrieve the information. Agents in SharePoint will allow us to get the information directly by asking questions. It will be cool. Agents in SharePoint These agents are scoped to SharePoint sites and documents, helping users quickly find relevant information, make data-driven decisions, and improve business outcomes. Agents in SharePoint are simple to use and can be created with just a few clicks: Default Agents : Every SharePoint site come...

Important Changes to PnP PowerShell

Key Insights You Won't Want to Overlook About PnP PowerShell Changes There's a big upgrade that can impact your scripts and automation processes if you use PnP PowerShell. What you should know is as follows. What’s Changing? The PnP Management Shell was a multi-tenant app registration that was previously used to access Microsoft 365. This made it possible for you to provide your scripts the permissions they need. On September 9, 2024, however, the multi-tenant app registration was removed. Scripts that rely on it are no longer functional after this date. Why the Change? This change aims to enhance security by encouraging users to switch to single-tenant app registrations. These registrations allow you to specify only the permissions you need, reducing potential security risks. Handle this change by following these simple steps: Register an App in Azure to use PnP PowerShell Thanks to recent enhancements in the PnP PowerShell Module, creating an app registration specific to a te...

Get started with PnP PowerShell for SharePoint Online.

Install the PnP PowerShell for SharePoint Online PnP PowerShell is created by the Patterns and Practices (PnP) community, it offers a large collection of cmdlets specifically designed to manage intricate administrative tasks with ease. Whether you're a developer wishing to automate processes or an experienced SharePoint administrator, PnP PowerShell provides a powerful solution to increase your efficiency and productivity. We will go over the basic ideas behind PnP PowerShell, how to install it, and how to connect with the SharePoint Online.  Follow the steps mentioned below: To install PnP PowerShell, ensure you have PowerShell 7.2 or later version. Download the latest version of PowerShell for Windows, Mac, Linux from the link mentioned below. Install PowerShell on Windows, Linux, and macOS You can download the latest MSI for windows using link mentioned below. PowerShell MSI for windows Installing PnP PowerShell : After configuring the latest version of PowerShell, we proceed wi...

Google Drive vs SharePoint: The Ultimate Showdown for Your Business Needs

In today's fast paced digital environment, effective document management is critical to the success of any firm. Recently, I had the opportunity to do an evaluation for the migration from Google Drive to SharePoint. This encounter provided some intriguing insights into the relative strengths of these two prominent platforms. Google Drive: A Solid Foundation for File Sharing. Google Workspace, which includes Google Drive at its core, has long been a dependable option for file sharing and storage. It provides a simple and user-friendly interface that enables teams to smoothly share content. Google Drive's ease of use and simplicity in file sharing make it an excellent choice for many enterprises, particularly those seeking a straightforward solution for storing and sharing information.  SharePoint takes collaboration to new heights. However, SharePoint stands out for its powerful collaborative features and comprehensive document management system.  During the examination, it bec...

How to Delete a Custom SharePoint Template in SharePoint Online

If you are interested in organizing your SharePoint Online environment by removing unnecessary custom templates, we can assist you. By deleting custom templates , you can enhance the efficiency of your SharePoint site and ensure that only relevant and updated templates are accessible.   This guide will provide you with a detailed, step-by-step process for deleting a custom SharePoint template in SharePoint Online. Whether you are tidying up after a project or reorganizing your site's structure, understanding this procedure will enable you to maintain an efficient and uncluttered SharePoint environment. Let's delve into the specifics to guarantee that your SharePoint site remains optimized for your team's requirements In this blog we are going to delete the custom templates using PnP PowerShell: Note: SharePoint Administration access is required. Connect with the SharePoint, using admin credentials. Connect-PnPOnline "https://yourtenant-admin.sharepoint.com" -Inter...

Integrate Google Gemini into SPFx

This article will walk you through the process of effortlessly integrating Google Gemini into the SharePoint Framework (SPFx), so you can use its strong features within your SharePoint environment. Whether you want to optimize content management, or increase overall user engagement, this step-by-step tutorial will provide you with the information and resources you need to get started with Google Gemini in SPFx. These steps will also be useful for integrating Google Gemini Pro AI with React application.  Get the API key: Initially, you'll require an API key. This key serves as your identification to Google Gemini, enabling authentication on your behalf. Create a API Key from Google AI Studio Click here Now follow the steps mentioned below: Create a SPFx web part.  Installing the " GoogleGenerativeAI " package for Node.js is necessary in order to utilize the Gemini API in your SPFx Webpart npm install @google/generative-ai Now we need to initialize the generative model, add...

The Use and Significance of SharePoint Content Type

In this post, I discuss SharePoint content types, their usefulness, and a case in which I used content types to create a bespoke solution to meet a demand. Scenario where I used Content Type to achieve the requirement: Recently, I encountered a situation that demanded extracting data from Excel and storing it in a SharePoint list for specific tasks. To tackle this, I opted to automate the creation of SharePoint lists via code. These lists required over 30 columns each. Instead of repetitively creating identical columns whenever an Excel file was uploaded, I devised a solution. I crafted a Content Type, incorporating the necessary columns, and then published it. Upon list creation, I programmatically associated the Content Type with it.  This approach avoids the inefficiency and impracticality of manually generating columns via code for every instance, especially when they remain consistent across uploads. What is SharePoint Content Type? Content type is a reusable set of settings t...

How to handle special characters in REST API SharePoint

If you're wondering about enabling special character usage with SharePoint REST API or filtering SharePoint Search REST queries involving special characters, this blog is tailored to address your concerns.  How to allow special characters using SharePoint REST API? SharePoint Search REST query filter with special characters. Special characters can indeed pose challenges when working with APIs like SharePoint REST API or libraries like PnP JS. These characters, if not handled properly, can cause issues such as code breaking or unexpected behavior. Let's see how we can handle this: Special characters in URLs need to be properly encoded to ensure they are transmitted correctly. In JavaScript, you can use the encodeURIComponent() function to encode special characters before making requests to the REST API or using them in PnP JS. For instance, if you possess a 'filterText' variable intended for passing to a function, it's advisable to encode it initially to manage speci...

Deploy option missing after adding SPFx Webpart package to site collection app catalog

In this blog, I am sharing the solution to the problem that many users are facing with the site collection level app catalog. Basically, the problems that users face with site collection level app catalog are as follows:   Uploaded SPFx app not deploying - unable to add to site.   App catalog deployment option is not showing.   Deploy option missing after uploading SPFx Webpart in app catalog.   App does not appear in site after deploying .sppkg to app catalog.   Pop up for to deploy the package is not coming on uploading the solution to app catalog.   I did not get the deploy popup when an package is uploaded to the site app catalog.   All the problems mentioned above seem tricky, but they are all not related to your code. These issues will arise if you do not take care of a few points while enabling the site collection level app catalog.   The solution is here:   If you have already enabled the app catalog site and yo...

Essential Considerations: Preparing for a Smooth SharePoint Data Migration

I have recently completed a content migration within the same tenant, transferring data from one site to another. During this process, I encountered several challenges.  Based on my experience I created a checklist specifically for SharePoint content migration. Utilizing this checklist can assist in mitigating challenges and ensure a smoother migration process for you. Embarking on a SharePoint content migration journey? Make sure to explore the following points to ensure a seamless transition: Storage: When dealing with migration on SharePoint, it is crucial to verify the available storage space on the site. Insufficient storage can pose a problem during data movement, potentially causing SharePoint to transition into a read-only mode. It is essential to preemptively address and ensure adequate storage to avoid such issues during the data migration process. Policies: Examine the policies in place on the tenant. Organizations occasionally establish policies to protect data from act...

The retirement of SharePoint Add-Ins within the Microsoft 365 environment

Microsoft has announced news regarding the retirement of SharePoint Add-Ins. Here are the key highlights. Key Notes: Retirement of SharePoint Add-Ins: As part of the development of Microsoft 365 solutions, Microsoft is ending the extensibility approach for SharePoint Add-Ins. As of November 1, 2024, SharePoint Add-Ins will no longer function for new tenants. By April 2, 2026, they will be completely retired for current tenants. Retirement of Public Marketplace: The public marketplace will no longer be used to add, modify, or purchase SharePoint Add-Ins. Microsoft will stop advertising new SharePoint Add-Ins on March 1st, 2024, and after July 1st, 2024, users won't be able to purchase SharePoint Add-Ins from the open market. Microsoft advises: switching from custom-developed SharePoint Add-Ins to solutions based on the SharePoint Framework. If users obtained their SharePoint Add-Ins from the open market, they should ask third parties about updated versions. Affected SharePoint Add...

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.  Click here to visit the community 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 requirements. This streamlined pro...

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

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

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