Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I style a Qt Widget not its children with stylesheets?

Tags:

c++

widget

qt

I have a:

class Box : public QWidget

and it has

this->setLayout(new QGridLayout(this));

I tried doing:

this->setStyleSheet( "border-radius: 5px; "
                     "border: 1px solid black;"
                     "border: 2px groove gray;"
                     "background-color:blue;");

this->setStyleSheet( "QGridLayout{"
                         "background-color:blue;"
                         "border-radius: 5px; "
                         "border: 1px solid black;"
                         "border: 2px groove gray;"
                     "}"
                   );

this->setObjectName(QString("Box"));
this->setStyleSheet( "QWidget#Box {"
                         "background-color:blue;"
                         "border-radius: 5px; "
                         "border: 1px solid black;"
                         "border: 2px groove gray;"
                     "}"
                   );

but the first affects only the items that are added, the other two do nothing. I want the box itself to have rounded corners and a border (bonus for how to do lines between rows).

How do I get the stylesheet to affect the Box widget, not its children?

like image 636
chacham15 Avatar asked Aug 24 '12 20:08

chacham15


2 Answers

To be more precise I could have used:

QWidget#idName {
    border: 1px solid grey;
}

or

Box {
    border: 1px solid grey;
}

The latter is easier, in my opinion, as it doesn't require the use of id names.

The main problem with why these weren't working though is because this is considered a custom widget and therefore needs a custom paint event:

 void Box::paintEvent(QPaintEvent *) {
     QStyleOption opt;
     opt.init(this);
     QPainter p(this);
     style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);
 }

This was taken from: Qt Stylesheet for custom widget

like image 110
chacham15 Avatar answered Oct 05 '22 06:10

chacham15


You need to identify the object class and instance, like in regular CSS.

QWidget#BoxName
{
    border-radius: 5px;
    border: 1px solid black;
    border: 2px groove gray;
}

This is the same answer as here: Get variable name of Qt Widget (for use in Stylesheet)?

box->setStyleSheet(QString::fromUtf8("QWidget#box\n"
"{\n"
"    border-radius: 5px;\n"
"    border: 1px solid black;\n"
"    border: 2px groove gray;\n"
"}\n"
""));
like image 33
Ben Avatar answered Oct 05 '22 05:10

Ben