Spinner for Canvas App or Custom Page in PowerApps using Fluent UI
While developing canvas app/custom page forms, I have always been surprised that a spinner was not included as a UI control, being a staple in websites everywhere. I have seen methods of creating a spinner using an Icon paired with a Timer to calculate it's rotation to make the Icon appear as a spinner. However, I wanted the native feel of Dynamics when saving a form or loading data. The dots that go along the top (commonly referred to as "ants") to represent an operation is in progress are hardly noticeable and give a very bad sense of responsiveness from the application to the user. To resolve this, I made a very simple PCF Control that is a spinner using the Fluent UI. This spinner PCF Control has parameters that can be of 4 different sizes (Large, Medium, Small, and Extra Small), has a customizable label & label position, and of course a visibility flag. Screenshot of saving a document. The video below shows how to interact with the