Loader component for your Canvas Apps! So you don't have to use loading.io or timer controls 😊
A simple component built using two controls - an image control and a label control. The image control is where all the SVG code is and where all the magic happens.
There is absolutely nothing wrong with using built-in timer controls to animate your objects however this is a very easy way to rack up the number of controls in your application which can drastically impact its loading time (no pun intended!), especially when you're connecting to a number of data sources.
SVGs are written in XML meaning that they are incredibly small in size, even with all the animations included, and you can freely use as many as you like across your screens without affecting the total size of your app. The component is also responsive as you can see above and the image will automatically scale up without affecting its quality (SVG stands for Scalable Vector Graphics if you've never heard of them 😊).
The component has a couple of very simple properties:
◻ SVGLoaderType – there are in total 7 loaders within the component. Type in 1, 2, 3, 4, 5, 6 or Bonus to reveal your fancy loader!
◼ SVGColour – this is the colour of the SVG (excluding the bonus SVG). Please note this is a HEX value and you do not need to include the #
◻ TextVisible – boolean property setting the visibility of the 'Loading' label,
◼ TextLabelSize – font size of the 'Loading' label
◻ TextLabelColour – colour of the 'Loading' label
If you have any enhancement ideas, or experience any issues at all - please reach out to me either by raising an issue or getting in touch on my social media: LinkedIn - https://www.linkedin.com/in/kristine-kolodziejski-07b6a7212/ Twitter - @kristinekk94
Happy Power Apping 😊