Change color to BusyIndicator

davidesalvetti

After some other tests it looks like this problem is only given when the QtQuickControls is 2.0 or more.
For QtQuickControls 1.4 it does not give any problem but I have to use a different code:

import QtQuick 2.6
import QtQuick.Controls 1.4
Rectangle {
        width: 50
        height: 50
        visible: true

        BusyIndicator {
           id: busyIndication
           anchors.centerIn: parent

           // 'running' defaults to 'true'
        }
}

Because the property contentItem is not found using QtQuick.Controls 1.4
But the porblem of this code is that I can't change the color of the 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!