Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. General and Desktop
  4. What's the best way to style a QPushButton? Setting background image or setting an icon?
Forum Update on Monday, May 27th 2025

What's the best way to style a QPushButton? Setting background image or setting an icon?

Scheduled Pinned Locked Moved Unsolved General and Desktop
4 Posts 2 Posters 2.8k 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.
  • S Offline
    S Offline
    stefanl
    wrote on last edited by stefanl
    #1

    I'm trying to create a styled button with an svg file I have. I'd like it to have some sort of simple animation when the button is clicked (turning slightly darker or something). Is it better to set the svg as the background image in the button's stylesheet? Or is setting the svg as the button icon better? What are the differences? What's the best way to get the 'click' animation I'm going for? I'm using Qt Designer for this. Any help is much appreciated!

    1 Reply Last reply
    0
    • SGaistS Offline
      SGaistS Offline
      SGaist
      Lifetime Qt Champion
      wrote on last edited by
      #2

      Hi,

      IIRC, the fastest way to do it is through style sheet like described here. Or a QProxyStyle.

      Interested in AI ? www.idiap.ch
      Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

      1 Reply Last reply
      0
      • S Offline
        S Offline
        stefanl
        wrote on last edited by
        #3

        Cool, thanks for your response! Do you know what the difference is between using background-image in a stylesheet and using set-icon?

        1 Reply Last reply
        0
        • SGaistS Offline
          SGaistS Offline
          SGaist
          Lifetime Qt Champion
          wrote on last edited by
          #4

          The buttons are designed to handle icons like show in the documentation, a background image as the name suggests will be put in the image as background of the widget.

          Interested in AI ? www.idiap.ch
          Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

          1 Reply Last reply
          0

          • Login

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