QLabel text align wit StyleSheet

viktor.benei

Is it possible to set the text-align for a QLabel with style sheet?

I tried the "obvious" QLabel { text-align: center; } but it doesn't work.

Eddy

Did you try "setAlignment":http://doc.qt.nokia.com/4.7/qlabel.html#alignment-prop?

viktor.benei

Sure, setAlignment works, but it has to be called from code. I'm interested in doing it with CSS style sheet.

[quote author="Eddy" date="1319480478"]Did you try "setAlignment":http://doc.qt.nokia.com/4.7/qlabel.html#alignment-prop?[/quote]

Ruzik

In the reference of text-align wrote:
@This property is currently supported only by QPushButton and QProgressBar.@

Ruzik

I am suggest to use
@padding-left@
But, i think, it is bad idea

viktor.benei

I didn't spot the "only supported" part in the doc. So it's not available yet... I guess I have to learn live without ;)

Thanks for the help.

kajmano

Viktor, have you tried this? It works for me...

QLabel {
qproperty-alignment: AlignCenter;
}

walteste

It works for me too, but can someone explain why?

[quote author="kajmano" date="1327775417"]Viktor, have you tried this? It works for me...

QLabel {
qproperty-alignment: AlignCenter;
}
[/quote]

lgeyer

You can set any designable property using the qproperty-* syntax, which includes the alignment property.

walteste

Only for alignment properties or for all "supported property types":http://qt-project.org/doc/qt-4.8/stylesheet-reference.html#list-of-properties ?

lgeyer

You will have to distinguish between

Properties as in "Style Sheet Properties":http://qt-project.org/doc/qt-4.8/stylesheet-reference.html#list-of-properties, like border, border-radius or background-color, which are part of the CSS specification
Properties as in "Qt's Property System":http://qt-project.org/doc/qt-4.8/properties.html, like QLabel::alignment, QLabel::text or QLabel::wordWrap, which are part of a QObject's definition (using Q_PROPERTY)

You can use style sheets not only to set CSS properties, but also to set QObject properties, given that you prefix them with qproperty- (so for example to set the QLabel::alignment property you will have to use qproperty-alignment) so the engine knows you are referring to a QObject property, not a CSS property.
@
QLabel label;
label.setStyleSheet("border: 1px solid red;"
"border-radius: 3px;"
"background-color: white;"
"qproperty-alignment: AlignCenter;"
"qproperty-text: 'This is some rather long text.';"
"qproperty-wordWrap: true;");
@

walteste

Lukas, you made my day! I just tested it and it works like a charm.

The only thing that i dont get working is to set something like this:
@QLabel label;
label.setStyleSheet("qproperty-alignment: AlignBottom AlignRight;");
@

issam

does this work ?

@
m_label1 = new QLabel;
m_label1->setText("<p style="color:red; text-align:justify;">The <strong>Qt</strong>kdkdkd didds hd duddbs shdydyd djudhdyddd dhdydysisi jdjfjfjf pgphohkgjfufh dhdhdbhfjfn fnhfhfhfkjf fjfhfhfjhjfn jfjfjdigdfkfi ifgjufhkfjjfi gigigjgj gifiuffhfk kjfjfj jjfjfjgfj kigkgkgkgk kiggigim </p>");
m_label1->setWordWrap(true);
m_label1->setAlignment(Qt::AlignJustify);
@

lgeyer

[quote author="Stefan Walter" date="1345718064"]The only thing that i dont get working ...[/quote]
You've forgotten the | (mind the quotes).
@
QLabel label;
label.setStyleSheet("qproperty-alignment: 'AlignBottom | AlignRight';");
@

walteste

Awesome, thanks a lot for all this tips.