Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. Styling the Busy indicator in QML 2.0
Forum Update on Monday, May 27th 2025

Styling the Busy indicator in QML 2.0

Scheduled Pinned Locked Moved Solved QML and Qt Quick
qmlqtquick2busy indicatorqtquickcontrol
5 Posts 4 Posters 2.0k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Offline
    P Offline
    pra7
    wrote on last edited by
    #1

    Hi All,

    I am using Busy indicator to show intermediate progress and i want to change the color of the circles. I referred Customizing Busy indicator link but this is changing the default animation and other things. Also, It is difficult to understand because there is no explanation for the same.

    I just want to change the color and the animations should be the same as default. Can anyone please suggest.

    1 Reply Last reply
    0
    • Pradeep P NP Offline
      Pradeep P NP Offline
      Pradeep P N
      wrote on last edited by Pradeep P N
      #2

      Hi @pra7

      Can you please provide some screenshots/images based on your requirement ?
      Please check the below link, hope this can help you.

      A customized busy indicator in Qt Quick.

      All the best.

      Pradeep Nimbalkar.
      Upvote the answer(s) that helped you to solve the issue...
      Keep code clean.

      P 1 Reply Last reply
      1
      • Pradeep P NP Pradeep P N

        Hi @pra7

        Can you please provide some screenshots/images based on your requirement ?
        Please check the below link, hope this can help you.

        A customized busy indicator in Qt Quick.

        All the best.

        P Offline
        P Offline
        pra7
        wrote on last edited by
        #3

        Hi @Pradeep-P-N,
        I just want to change the color of the busy indicator and the link that you have provided is for QML controls 1.0 and hence it doesn't work for QML 2.0.

        Gojir4G 1 Reply Last reply
        0
        • P pra7

          Hi @Pradeep-P-N,
          I just want to change the color of the busy indicator and the link that you have provided is for QML controls 1.0 and hence it doesn't work for QML 2.0.

          Gojir4G Offline
          Gojir4G Offline
          Gojir4
          wrote on last edited by
          #4

          @pra7 Hi,

          You may want to use styles (Material, Universal, etc..) to apply theme and colors quite easily.
          I'm not sure if you can apply it only on one component or if it should applied to the whole application

          1 Reply Last reply
          1
          • E Offline
            E Offline
            Eligijus
            wrote on last edited by
            #5

            This is how I style one off BusyIndicator:

                        BusyIndicator {
                            running: true
                            Component.onCompleted: {
                                contentItem.pen = "white"
                                contentItem.fill = "white"
                            }
                        }
            

            If I recall correctly I was looking at source code of BusyIndicator to understand how to style it.

            1 Reply Last reply
            4

            • Login

            • Login or register to search.
            • First post
              Last post
            0
            • Categories
            • Recent
            • Tags
            • Popular
            • Users
            • Groups
            • Search
            • Get Qt Extensions
            • Unsolved