colorsuicolorsapui5busyindicator

SAPUI5 Busy Indicator - Change standard color?


I am using SAP_GOLDREFLECTION theme (cant change it) but I dont want a "golden busy indicator" - is it possible to change its color?

<script id="sap-ui-bootstrap" type="text/javascript"
  src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
  data-sap-ui-libs="sap.ui.commons, sap.viz, sap.m, sap.ui.ux3"
  data-sap-ui-theme="sap_goldreflection">
</script>

using:

sap.ui.core.BusyIndicator.show(0);
...
sap.ui.core.BusyIndicator.hide();

Thanks


Solution

  • You could have a look at the CSS-Class sapUiBusy which contains the default gold color and override it with your own.

    Your CSS-class looks good. I tested it and it works for me. Obviously it´s not included correctly. You could include your CSS in your index.html like this:

    <style type="text/css">
    .sapUiBusy {
        ...
    }
    </style>
    

    Here´s a simple JS Bin example.

    Of course it´s also possible (and even better) to put it in a CSS file.

    Keep in mind to clear/disable the browser cache!