How to add two images in Pushbutton using CSS QT?

[naufalahad]

Hi All,
I am in need of adding two images to the pushbutton!!!
The first image must be default and the second image should become active when clicked or pressed, it should be overcoming or overlapping the first image or so..
I have tried this code but its not working properly!!!

from this url:
http://wiki.maemo.org/Customising_Qt...urs_and_Images

QPushButton{background-image: url(:/images/activity.png);}
QPushButton:pressed{background-image: url(:/images/activity_active.png);}

What should i give instead of pressed and that might appear when clicked or touched

Anyone please help me in sorting this mistake made by me???

Thanks in Advance & Regards,
Naufal.A

[Fuzzbender]

Can you share the whole code you are trying to use?

For me this works (yeah its colors instead of images):

    QString buttonStyle(
    "QPushButton {color: rgb(255,0,0);\n"
            "background-color: rgb(0, 255, 0);\n"
            "border-bottom: 1px solid rgb(33,33,33);\n"
            "border-right: 1px solid rgb(33,33,33);\n"
            "border-top: 1px solid rgb(220,220,220);\n"
            "border-left: 1px solid rgb(220,220,220);\n"
            "border-radius: 3px;\n"
            "font-weight: normal;\n"
            "font-size: 16px; } \n"
    "QPushButton:pressed {background-color: rgb(75, 75, 75);\n"
            "border-top: 1px solid rgb(33,33,33);\n"
            "border-left: 1px solid rgb(33,33,33);\n"
            "border-bottom: 1px solid rgb(220,220,220);\n"
            "border-right: 1px solid rgb(220,220,220); }\n");

    QPushButton *testBtn = new QPushButton("Click me", this);
    testBtn->resize(QSize(100, 30));
    testBtn->setStyleSheet(buttonStyle);

[naufalahad]

Hi Fuzzbender,
But when i use "pressed" option it is for that pressing time alone the image changes,but i need to change the image and display them until another button is pressed. Consider i am having two buttons with default images in them .. when i press the second button the second button must change the image and should be active till the another button is pressed!!! could you get me ???what i am trying to say??

[Fuzzbender]

You want your button1 to remain pressed down, until button2 is pressed? And vice versa?

If I understood correctly your wants and needs, check properties checkable and checked for the QPushButton.

Add checkable = true; and checked = true; to button1 (and checkable = true; checked = false; to button2) and switch the checked variable values when
a button that is "up" (i.e. not pressed down ('checked')) is pressed. Is this what you need?

[Fuzzbender]

Or if you just need to switch the icon of the button when it has been pressed, see the QPushButton::setIcon() API.

[naufalahad]

Hi Fuzzbender,
I think you are right!!!!I will check it out and tell you .,
Thanks for your reply.,.,

Regards,
Naufal.A

[naufalahad]

Hi Fuzzbender,
I tried the properties which you had given,.,. but there is no change when i press the other buttton.. the image remains the same and did not change at all...
Now i will check for the API which you said,..
Regards and Thanks,
Naufal.A

[Fuzzbender]

You'll need to have some logic what happens when a button is pressed (i.e. clicked() signal needs to be connected to custom slot), otherwise it won't work.

[naufalahad]

Hi fuzzbender,
I will just checkout with the code for all the buttons and let you know that it works or not!!!

Thanks and Regards,
Naufal.A