Applying StyleSheet to Custom Window

[Thibaut]

Hi

I've been looking for an answer to this question on the forum but could not find anything. I am trying to apply a Stylesheet to a promoted widget but it just won't apply.

I used the Designer interface to promote a QWidget to a QWidget inherited class TitiWidget.
Still in the designer interface I added

@
border: 2px solid green;
border-radius: 20px;
padding: 2px;
background-color: rgb(85, 85, 255);
@

to the "StyleSheet" field of the now custom widget.

The widget's style is changed in the Design window but nothing is changed when I run the application. Demoting the Custom widget to a regular QWidget solves the problem and the style is applied.

I tried to add TitiWidget#widget or QWidget#widget before the stylesheet arguments. No improvements.

What should I do ?

[andre]

Styling a custom widget through style sheets is not supported. Sorry.

Edit:
Well, let me specify that a bit: custom drawn custom widgets can not be styled using qss. You can use qss to style custom widgets that are just compositions of existing Qt widgets.

[Thibaut]

By custom drawn widget, you do mean widgets inherited from Qwidget, right ?

Are you aware of any plan to implement this in a next version ?

[andre]

Me? No, not me. I don't work for Nokia :-)

What I mean by custom drawn, are widgets that are based directly on QWidget and where you implement paintEvent() do do your own painting yourself.

[giesbert]

If you just derive from QWidget and need that one styled, you have to do some stuff :-)

@
void TitiWidget::paintEvent(QPaintEvent* /p_pEvent/)
{
QStyleOption opt;
opt.init(this);
QStylePainter p(this);
p.drawPrimitive(QStyle::PE_Widget, opt);
}
@

[deimos]

why not in the constructor of TitiWidget put this ?

@
setStyleSheet(
"border: 2px solid green;"
"border-radius: 20px;"
"padding: 2px;"
"background-color: rgb(85, 85, 255);"
);@

[andre]

[quote author="marcoB" date="1305200019"]why not in the constructor of TitiWidget put this ?

@
setStyleSheet(
"border: 2px solid green;"
"border-radius: 20px;"
"padding: 2px;"
"background-color: rgb(85, 85, 255);"
);@
[/quote]

Because it all depends on how TitiWidget is implemented if this is going to work or not.

[giesbert]

It only works if you overwrite the paint event.
Otherwise nothing happens.

[Thibaut]

Thanks a lot for your answers.

The
@
void TitiWidget::paintEvent(QPaintEvent* /p_pEvent/)
{
QStyleOption opt;
opt.init(this);
QStylePainter p(this);
p.drawPrimitive(QStyle::PE_Widget, opt);
}
@

trick works just fine. And it's actually in Qt's documentation. Shame on me.

Edit: please use code tags (@) before and after your code section; Andre

[andre]

Nice trick to get at least the basic style sheet stuff painted correctly, but I still don't see a way to get where you can draw, let alone a way to style what you draw yourself using that style sheet...

[giesbert]

That does not work at all. If you have a custom drawn widget, it can't be styled. Only if you do some basic style sheet stuff and paint on it later...