QLabel pixmap not affected by CSS property: border

diniamo

As I said in the subject when I set a pixmap for my it doesn't get affected by the CSS property border.

Expected result:

Actual result:

(This is photoshopped, but I think you got the idea)

Christian Ehrlicher

What do you actually do? I mean - how should we know what's wrong when you don't tell us what you're trying to achieve with what code...
Also note that Qt doesn't support use CSS for styling but QSS which is only a minor subset of CSS.

diniamo

'QSS' code of the label:

background-color: rgb(62, 62, 62);
border: 1px solid rgb(255, 145, 0);
border-radius: 26px;

Without Pixmap:

Christian Ehrlicher

The frame is painted before the pixmap so you have no other chance then doing the painting by yourself.

diniamo

How exactly would I do that?
I can probably figure out most of it, I just need a starting point.

SGaist

Hi,

Create a subclass of QLabel and overload the paintEvent method. There you call the base class implementation and after that, do your custom drawing on top of your image.

diniamo

That's what I figure, but can I use that class in qt designer after?
Also I don't want to draw on top of the image, I want to draw the image with a bevel effect.

Christian Ehrlicher

@diniamo said in QLabel pixmap not affected by CSS property: border:

That's what I figure, but can I use that class in qt designer after?

See https://doc.qt.io/qt-5/designer-using-custom-widgets.html

Also I don't want to draw on top of the image, I want to draw the image with a bevel effect.

Since you do the drawing on your own then you can draw whatever you want.

JoeCFD

Try to add padding to see if it helps.
padding is added between border and contents.
https://doc.qt.io/archives/qt-4.8/stylesheet-customizing.html

diniamo

@JoeCFD that just makes it ugly, the image becomes smaller, won't work in my case.

diniamo

@Christian-Ehrlicher Do I have access to the standard label paint event, to look at as an example? As well as qframe's probably.

diniamo

Hm, no, it doesn't seem like I can just reimplement the paint event here... :/

mchinand

Can you use a combination of drawImage and clipPath in a custom PaintEvent to achieve what you want?

diniamo

Sure, but I can't just call super().whatever to draw the rest because that the draws the image itself as well..