2

I want to change the color of the text in a QLabel dynamically. I have defined the color and style of the QLabel in the ui file and I want to change it when a certain event takes place. I want to change the color without changing any other style of my QLabel.

I have found several answers adressing the issue of changing text color in a QLabel (1, 2, 3) and they all use the function setStyleSheet. This function works fine but it changes my font size and other styles related to the QLabel.

I have seen that the problem is related to setStyleSheet ignoring any previous style. The solution proposed there involves retrieving all the styles I want to maintain and setting them again together with the text color change.

This is cumbersome and difficult to maintain. If more styles were defined in the future I would need to review this part of the code to be able to reset all of them.

I would like to be able to change QLabel text color without altering any other syle. Is it possible?

fa__
  • 267
  • 5
  • 17
  • why not to use the `setPalette` function? – Simon Apr 03 '19 at 09:01
  • @Simon The use of setPalette is discouraged in [one of the answers I posted above](https://stackoverflow.com/questions/2749798/qlabel-set-color-of-text-and-background). Do you disagree with this answer? – fa__ Apr 03 '19 at 09:09
  • well I just read that in the documentation: `Style sheets let you perform all kinds of customizations that are difficult or impossible to perform using QPalette alone. If you want yellow backgrounds for mandatory fields, red text for potentially destructive push buttons, or fancy check boxes, style sheets are the answer.` maybe its the best solution... – Simon Apr 03 '19 at 09:16
  • @Simon For now, I do not need a more complex customization, `setPalette` works fine. I am worried about the portability issues mentioned in the answer I have posted. – fa__ Apr 03 '19 at 09:25

4 Answers4

2

If you want to manage the text color of QLabel you could wrap it with customized class.

For example:

class ColorLabel : public QLabel
{
public:
    ColorLabel(const QString &text, QWidget *parent = nullptr)
        : QLabel(text, parent)
    {
        setAutoFillBackground(true);
    }

    void setTextColor(const QColor &color)
    {
        QPalette palette = this->palette();
        palette.setColor(this->backgroundRole(), color);
        palette.setColor(this->foregroundRole(), color);
        this->setPalette(palette);
    }
};

And to use it in your code:

 ColorLabel * poColorLabel = new ColorLabel("My string", this);
 poColorLabel->setTextColor(Qt::red); // set label text in red color

FYI: I tested it on Fedora, Qt5.12 and it works fine.

Simon
  • 1,522
  • 2
  • 12
  • 24
0

You can create some style class to control a widget's style:

class WidgetStyleSheet
{
public:
    // change some style's value
    void setValue(const QString& styleKey, const QString& value)
    {
        _styleMap[styleKey] = value;
    }

    // to default state
    void reset() {}

    // form stylesheet
    QString toStyleSheet() const
    {
        QString styleSheet;
        QMapIterator<QString, QString> iter(_styleMap);
        while( iter.hasNext() )
            styleSheet += QString("%1: %2").arg(iter.key()).arg(iter.value());
        return styleSheet;
    }
private:
    QMap<QString, QString> _styleMap;
}

Somewhere in your code:

WidgetStyleSheet labelSS;
// ...

labelSS.setValue("color", QString("%1").arg( QColor(255, 10, 0).name() );
labelSS.setValue("background-color", "...");
// ...


label->setStyleSheet(labelSS);
Alexander Chernin
  • 446
  • 2
  • 8
  • 17
0

A pragmatic approach:

Utilize the cascadingness of CSS.

  • Wrap your QLabel in a QWidget (don't forget a QLayout).
  • Set your default style on the surrounding QWidget.
  • Set the font color as the QLabel's only style.
Martin Hennings
  • 16,418
  • 9
  • 48
  • 68
0

The following works fine. But it is not that elegant. This is in python. You have to pass the button name (or any other) to the following as is defined in the array

        btns = ['self.hBeamBtn','self.lBeamBtn','self.allTestBtn','self.prnStatusBtn']
        for btn in btns:
            if  str(btn_name) == str(btn):
                styl = btn+'.setStyleSheet("font: bold;background-color: red;font-size: 12px;height: 28px;width: 80px;")'
                eval(styl)
suresh
  • 29
  • 9