How to create a mouse offer effect for pushbuttons??

[athulms]

How can i provide mouse over effect to all the pushbuttons in my mainwindow??

[FelixB]

use stylesheets:

setStyleSheet(QPushbutton:hover{background-color: red;});

[athulms]

i have already used stylesheet background image fro button. I just want to bounce or zoom the button a little on mouse over

[FelixB]

it was just a demonstration how to use the ":hover"-property. you can define anything you want... larger text, other border color, other text color, other margins etc...

[athulms]

ui->pushButton->setStyleSheet("hover{background-color:red};");

ui->pushButton->setStyleSheet("hover{background-color:red};");

To copy to clipboard, switch view to plain text mode 

I have used the code in my constructor. even if it doesnot work??

[wysota]

It is :hover, not hover.

[athulms]

it worked for me sir, thanks

---

Added after 23 minutes:

i works when i have not provided any style to the button.

But i need the mouse over effect on button with a stylesheet already set. I mean i have a button with stylesheet

ui->playButton->setStyleSheet("background-repeat:no-repeat; background:none; background-image: url(Yellow/M_playUp.png); border:none;");

ui->playButton->setStyleSheet("background-repeat:no-repeat; background:none; background-image: url(Yellow/M_playUp.png); border:none;");

To copy to clipboard, switch view to plain text mode 

i have to provide a border to the button during mouse over. I used the code

ui->playButton->setStyleSheet(":hover{border:black};");

ui->playButton->setStyleSheet(":hover{border:black};");

To copy to clipboard, switch view to plain text mode 

but the codes doesnot work

[Lykurg]

Dear, watch the syntax and have a look at the docs: QWidget::setStyleSheets() overwrites the existing one. So either set all at once or append it. Therefore see QWidget::styleSheet() and QString::append().

[athulms]

ui->pushButton->setStyleSheet("background-image:url(c:/M_aboutUp.png);:hover{background-image:url(c:/M_aboutDown.png)};");

ui->pushButton->setStyleSheet("background-image:url(c:/M_aboutUp.png);:hover{background-image:url(c:/M_aboutDown.png)};");

To copy to clipboard, switch view to plain text mode 

I have used the above code but no background or mouse over effect appears.

When i use 2separate stylesheet codes second style works. But overwrites the first code.

[Lykurg]

Again: SYNTAX! wrap the first statement into a QPushButton block.

[wysota]

Or a "*" block.

[athulms]

can u pls give the full linecode syntax

ui->pushButton->setStyleSheet("QPushButton:{background-image:url(c:/M_aboutUp.png)};:hover{background-image:url(c:/M_aboutDown.png)};");

ui->pushButton->setStyleSheet("QPushButton:{background-image:url(c:/M_aboutUp.png)};:hover{background-image:url(c:/M_aboutDown.png)};");

To copy to clipboard, switch view to plain text mode 

I used this an again no change

[FelixB]

I'd suggest reading this

[Lykurg]

AAAhhhh! Come on! Watch the css syntax. Take any css guide and see how the basic syntax is. Even the part of the Qt documentation is enough. Just read it. If you can't manage to look that up, you definitely won't be able to use Qt at all, since there, you also have to use the documentation...

[athulms]

thanks i got it