Change color to BusyIndicator

[oria66]

This post is pretty old. However, there is another way, easier, to change the color of the BusyIndicator. If you combine a Busy Indicator with ColorOverlay, you will have the desired result.

Good luck.

[haftado3]

i have an easier and better solution for this :

import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Controls.Universal 2.12
BusyIndicator {
    id: busyIndicator
    //x: 290
    //y: 330
    implicitWidth: 75
    implicitHeight: 75
    visible: running
    running: true
    anchors.horizontalCenter: parent.horizontalCenter
    Universal.accent: Universal.Orange //here you can set color
}

[oria66]

@haftado3 Hi. That solution is easier, but with limited colors. What about the black, for example?

[Gojir4]

@oria66 Universal.Orange is just predefined color but you can use any color. But I guess it will no longer work if you change style to Material for example.

From Qt Doc: Note: Even though the accent can be any color, it is recommended to use one of the pre-defined Universal colors that have been designed to work well with the rest of the Universal style palette.

[oria66]

@Gojir4. Thanks for the anotation!

[haftado3]

@oria66 you can set any :

Universal.accent: "yellow"

[haftado3]

@oria66 if you want to change to black style :

Universal.theme = Universal.Dark

or if you only want black color :

Universal.accent:"black"

[Diracsbracket]

Hi.
With fullscreen EGLFS applications without a desktop environment the Universal themes don't seem to work.

What works to change the color of the BusyIndicator though is to change its palette.dark property to the color you want.

BusyIndicator {
    ...
   palette.dark: "blue"
   ...
}

[Talya]

Hi,
I know I'm opening an old question but it is not working for me:
BusyIndicator {
x: stageRec.width/2 -width + 30
y: 300
running: backend.checkupReadyState?false : true
Universal.accent: Universal.Orange
}
this is my code and my color isn't changing. anyone know why?

[J.Hilk]

@Talya HI and welcome,

take look at the documentation, the section about customizing the busy indicator:

https://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing-busyindicator

[Talya]

Thank you very!