{"id":14965,"date":"2021-04-19T00:00:00","date_gmt":"2021-04-19T00:00:00","guid":{"rendered":"https:\/\/www.dmcinfo.com\/our-work\/document-tagging-merging-processing-and-searching-with-sharepoint-framework\/"},"modified":"2025-05-29T22:45:36","modified_gmt":"2025-05-29T22:45:36","slug":"document-tagging-merging-processing-and-searching-with-sharepoint-framework","status":"publish","type":"our_work","link":"https:\/\/www.dmcinfo.com\/our-work\/document-tagging-merging-processing-and-searching-with-sharepoint-framework\/","title":{"rendered":"Document Tagging, Merging, Processing and Searching with SharePoint Framework"},"content":{"rendered":"

A client approached DMC to develop a document management system to fit their current business process needs. First, this client requested the ability to upload multiple files of varying types (usually email attachments) to a staging area, where they could then be merged. In addition, this merged file needed to be tagged with metadata, such as office location, so it would be properly organized and easily searchable. Lastly, these files are processed by other team members, so they needed to be able to be filled out with more fields\/tags when needed.<\/p>\r\n\r\n

As a Microsoft Gold Partner<\/a> with extensive experience and knowledge of SharePoint<\/a>, DMC decided it would be the most appropriate platform for this solution given its vast capabilities with document handling. Additionally, we were able to save the client tens of thousands of dollars by utilizing SharePoint because it was already included in their Office 365 license\u2014as opposed to paying exorbitant licensing fees for a third-party software to achieve the same functionalities.<\/p>\r\n\r\n

Power Automate and SharePoint Framework<\/b><\/p>\r\n\r\n

SharePoint not only has built-in document management, but allows for far greater customizations through Power Automate<\/a> flows and SharePoint Framework<\/a> (SPfX). Power Automate flows automate business processes and even local computer tasks, while SharePoint Framework can utilize custom code to create new list ribbon buttons, web parts, and more. Both tools save time in development and practice without sacrificing customization.<\/p>\r\n\r\n

To merge our client\u2019s files in SharePoint, DMC used an SPfX command set extension. This type of SPfX extension allows for custom buttons to be created for list views, so your specific code runs when this button is clicked. Typescript\/javascript code is used for SPfX extensions, but external calls to APIs can be made as well.<\/p>\r\n\r\n

\"custom<\/figure><\/strong><\/p>\r\n\r\n

When users upload and select documents to merge in SharePoint, our custom button shows up, which initiates the document-merging process when clicked. Users are first presented with a pop-up, in which they can specify various metadata fields on the newly merged document.\u00a0<\/p>\r\n\r\n

\"custom<\/figure><\/strong><\/p>\r\n\r\n

Merging Process<\/strong><\/p>\r\n\r\n

Once the user clicks merge, a request is sent to a .NET API created by DMC and hosted on an Azure app service. This API makes use of the Spire.Office .NET library<\/a>, which can merge many different Microsoft file types. This Spire.Office library required an initial license purchase, but ultimately saved a great deal of development time\u2014therefore saving money in the long run. Once this file is merged and populated with the metadata selected by the user, it is saved back onto SharePoint.<\/p>\r\n\r\n

Once merged, a team member processes the document by filling out more metadata on that SharePoint item, and a Power Automate flow\u00a0runs when those changes are made. When the document is fully processed, it is marked “completed” and moved to a final library based on its categorization.<\/p>\r\n\r\n

Due to the sheer number of documents needed to be processed, DMC decided to store them in separate libraries, but all within the same site. Since these documents are located in various libraries, we created a custom SPfX web part to make searching and sorting these completed documents seamless and intuitive.<\/p>\r\n\r\n

\r\n

Pictured below is the custom web part, which allows users to search based on various column values of the documents, as well apply filters to easily see similar and specific documents. DMC created this web part with React<\/a> and utilized Microsoft’s Fluent UI library<\/a> to maintain SharePoint’s look and feel.\u00a0DMC\u2019s extensive experience with React development<\/a>, as well as the need for Fluent UI components and complex filtering\/sorting logic made React an easy choice for this solution. Additionally, when making search queries, we used SharePoint’s search API<\/a>.<\/p>\r\n\r\n

\"custom<\/figure>\r\n\r\n

DMC’s extensive technical knowledge of current Microsoft product capabilities and our vast experience implementing these solutions not only saved the client money, but provided them with a comprehensive solution that met all their needs.<\/p>\r\n\r\n

Read more about DMC\u2019s Microsoft consulting services<\/a> and contact us<\/a> to get started on your next project. <\/strong><\/p>\r\n<\/div>\r\n","protected":false},"excerpt":{"rendered":"

A client approached DMC to develop a document management system to fit their current business process needs. First, this client requested the ability to upload multiple files of varying types (usually email attachments) to a staging area, where they could then be merged. In addition, this merged file needed to be tagged with metadata, such […]<\/p>\n","protected":false},"author":8,"featured_media":14961,"template":"","meta":{"customer":"CBCS","summary":"

DMC developed a SharePoint document management solution for our client that supports document merging, metadata tagging, processing, organization, and searching. DMC mitigated costs and development time without sacrificing quality, functionality, or appearance.<\/p>\r\n","description":"","customer_benefits":"