Back up

Code Pharaoh

Adding a loading indicator to your Umbraco 7 packages

#Umbraco #snippet

I was building a plug in recently which fetched data from the members section, being the conscientious developer that I am I wanted to add in a loading gif or indicator to let users know that something was happening while the data was being fetched. After a bit of searching I found this post on the Umbraco forums which gave the answer.

To show the native Umbraco 7 loader you can use this directive:

<umb-load-indicator
            ng-if="vm.loading">
</umb-load-indicator>

 Where the ng-if directive is looking at a variable that your controller will toggle based on the loading state of your plugin.

You can see the Umbraco usage description here.