Inline Growing Spinner not displaying

Hi,

I am running Wappler 7.4.2 and ASP.NET projects.

I have added a inline growing spinner to a button, however, it is not displaying on the page.
I have also noticed some text in the button properties which I haven't seen before d152”>

image

I am not sure if this is related to the problem, but strange to see that text in the properties panel. Any suggestions on what to check?

<button type="button" class="btn btn-success ml-2 d-print-none" dmx-on:click="scExportDetailedOrdersCSV.load({})" dmx-show="scFulfilledReport.data.q_product_summary.hasItems()" dmx-bind:disabled="scExportDetailedOrdersCSV.state.executing"><i class="fas fa-download mr-1"></i> Export Detailed Orders  <span class="spinner-grow spinner-grow-sm text-info" role="status" dmx-show="scExportDetailedOrdersCSV.state.executing"></span></button>

Thanks
Ray

is the button showing? And just not the spinner?

which version of fontawesome do you have loaded? Or are you using the bootstrap icons?

The button is showing on the page, just the spinner not showing.

In Wappler in component edit mode, if I hover over where the spinner should be I see a box, but no spinner.

image

I have Bootstrap 4 cdn and fontawesome 5.15.4 all cdn

Thanks.

the box means you don’t have the right version of the font awesome loaded or the icon is wrong, some have ‘fa’ in it and sometimes its ‘fas’ or something like that. So check those things. on font awesome you can pick which version you are using so make sure thats right and that you aren’t using a pro icon or something?