Category: SharePoint

0

SPFx 1.19.0: Desmitify Error – [webpack] ‘dist’: [Object Objet]

I was exploring SharePoint Framework 1.19.0 and noticed some controversy surrounding this error. In my understanding, this issue is not a bug in the chain or in the Reusable React controls for your SharePoint Framework solutions v3.19.0, nor in the Reusable property pane controls for the SharePoint Framework solutions v3.18.0. So, AJIXuMuK in my opinion is right (update) for the...

Pexels Olia Danilevich 4974920 0

Go Live today M365 Development Services

Exciting Launch: PH7x Systems Partners with Multinacional Client to Revolutionize Digital Workspaces Today marks a significant milestone for PH7x Systems as we proudly announce the launch of our Microsoft 365 Development Services in collaboration with a prestigious Multinacional client. This partnership is set to transform the client’s digital workspace through the creation of a cutting-edge intranet, automated workflows, Power Apps,...

Pexels Sora Shimazaki 5935791 0

Test-Driven Development in SharePoint Framework Projects Use Case

Introduction In the fast-paced world of software development, ensuring code quality and functionality is paramount. Test-Driven Development (TDD) offers a robust foundation for building reliable SharePoint Framework (SPFx) solutions. By integrating TDD into your SPFx projects, you can enhance code quality, facilitate maintenance, and streamline the development process. Understanding TDD and SPFx TDD is a software development approach where tests...

Pexels Thisisengineering 3861972 2

Testing SharePoint Framework (SPFx) Components with Jest and React Testing Library

Introduction Testing is a crucial aspect of any software development process, including SharePoint Framework (SPFx) development. Here are some reasons why testing is important: Testing is an essential part of SPFx development. It helps ensure the quality, reliability, and performance of your components, leading to a better end product and a smoother user experience. How to test? First, we need...

Pexels Sora Shimazaki 5926380 0

Consume Lookup Multi Select Fields SPFx with Models and Hooks

First when you set up lookup columns in a list or library, Microsoft restricts you to 12 columns of that type in a single view. The reason behind this limitation is that lookup columns retrieve data from another list or source. If you surpass this limit and try to add a 13th column, you’ll encounter an error message. It seems that 13 isn’t a...

0

SPFx IPropertyPaneDropdownOption[] get Unique Options (Duplicates) Cascade

When designing the property pane for your SharePoint client-side web parts, you may have one web part property that displays its options based on the value selected in another property. This scenario typically occurs when implementing cascading dropdown controls. I’m assuming in this Article/Fix you are getting all lists excluding the hidden ones. Let’s Start from the beginning, you have...

Photo by ThisIsEngineering 0

SPO WBBag: Company wide tips for SharePoint Online from product to service (Cloud Service SharePoint Online)

In this article I will not cover all phases and planning, but some insights from my experience. FIRST MOST IMPORTANT Companies are usually curious by nature and it is your responsibility to design processes that the client is unaware of in the context of migration and modern workplace. IN A MIGRATION CLIENTS ARE INSATISFAYED BY NATURE. You have a lot...

0

Using SPFx React Controls Context in version 1.17.3

Since React 17 was introduced in version 1.16.0, the problems has began with some PnP Projects. In version 1.17.3 you will get this error when installing the PnP React Controls, so you must wait for the Repo be updated. In version 1.16.1 to use the PeoplePicker Control the workaround was give context as any in your Webpart.ts Now if you...

0

Working with Models in SPFx and Consume Some Field Types

This article will give you some insights to work with models in the SharePoint Framework SPFx and consume information from some Field Types FIELDS Why to use Models? TypeScript is a superset of JavaScript that adds optional static typing and other features to JavaScript. It provides a way to catch errors early through static type checking and can help you...