Problem to align text in QStatusBar

Stefanoxjx · wrote on 17 Nov 2016, 11:20

Hi, I would like to ask if is possibile to format text in QStatusBar.
I would need to write part of the text to left and part of the text to right.
I've tried with HTML tag with method .setText(LEFT TEXTRIGHT TEXT); but it work wrong.
The "RIGHT TEXT" is wrote to right but with carriage return.
For example:

LEFT TEXT
                                RIGHT TEXT

and not:

LEFT TEXT         RIGHT TEXT

I hope I explained myself.
Can anybody help me?
Thanks.

Stefano

VRonin · wrote on 17 Nov 2016, 12:06

QStatusBar has no setText method if I remember correctly. anyway this problem has nothing to do with Qt, just with HTML.  is a paragraph so goes to a new line. use  instead

Stefanoxjx · 17 Nov 2016, 14:09

Hi VRonin and thanks for your answer.
You are right, because, QStatusBar haven't method setText.
I forgotten to tell that I inserted a QLabel in QStatusBar.
Told this, I've tried too with <div>, but it don't work.
The result is "LEFT TEXTRIGHT TEXT" without any space between the two segment of text.
I don't know if you made a test, but for me it does not work :(

Stefano

raven-worx · wrote on 17 Nov 2016, 14:09

@Stefanoxjx
just wrapping a div element around isn't enough. You also need to align the text inside it of course.
For the supported HTML subset by Qt see here.

You may also want to try to use a HTML table to position the texts.

Stefanoxjx · wrote on 18 Nov 2016, 16:13

Hi,
I've tried with HTML table, but doesn't work.
Perhaps I wrong something!?
This is the code:

statusBarMsg.setText("<table style=\\\"width:100%\\\">\
                        <tr>\
                          <td>LEFT TEXT</td>\
                          <td>RIGHT TEXT</td>\
                        </tr>\
                       </table>");

(statusBarMsg is a QLabel)

but the result is:

LEFT TEXT RIGHT TEXT

(with one single space between LEFT and RIGHT text)

Same code (adapted for browser) works fine:

<table style="width:100%">
                         <tr>
                           <td>LEFT TEXT</td>
                           <td>RIGHT TEXT</td>
                         </tr>
                        </table>

Stefano

mrjj · wrote on 18 Nov 2016, 16:23

Hi
You mean like this ?

Stefanoxjx · 18 Nov 2016, 19:38

Yes, but this is the problem.
I wish that "AAAAAAAAAAAA" and "BBBBBBBBBBBBBB" are written in the same row.
Like this:

Thanks.

Stefano

mrjj · wrote on 18 Nov 2016, 19:38

@Stefanoxjx
well as @raven-worx suggest , you can use table. Note I made this using word. there should be
shorter version ;)
So its more a proof of concept than an actual solution

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html><head><meta name="qrichtext" content="1" /><title>AAAA</title><style type="text/css">
p, li { white-space: pre-wrap; }
</style></head><body style=" font-family:'MS Shell Dlg 2'; font-size:8pt; font-weight:400; font-style:normal;">
<table border="0" style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;" cellspacing="0" cellpadding="0">
<tr>
<td width="326" style=" vertical-align:top; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0;">
<p style=" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;">AAAA </p></td>
<td width="326" style=" vertical-align:top; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0;">
<p align="right" style=" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;">BBBB </p></td></tr></table>
<p style=" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;">  </p></body></html>

Stefanoxjx · 21 Nov 2016, 08:00

Yes, i know that raven-worx suggest me it and I tried with table but I don't undestand HTML :(
I tried your code (copy/paste) in my program, but the result is this:

Why? :(

The code modified is this:

statusBarMsg.setText("<!DOCTYPE HTML PUBLIC \\\"-//W3C//DTD HTML 4.0//EN\\\" \\\"http://www.w3.org/TR/REC-html40/strict.dtd\\\">\
                         <html><head><meta name=\\\"qrichtext\\\" content=\\\"1\\\" /><title>AAAA</title><style type=\\\"text/css\\\">\
                         p, li { white-space: pre-wrap; }\
                         </style></head><body style=\\\" font-family:'MS Shell Dlg 2'; font-size:8pt; font-weight:400; font-style:normal;\\\">\
                         <table border=\\\"0\\\" style=\\\" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\
                         <tr>\
                         <td width=\\\"326\\\" style=\\\" vertical-align:top; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0;\\\">\
                         <p style=\\\" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;\\\">AAAA </p></td>\
                         <td width=\\\"326\\\" style=\\\" vertical-align:top; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0;\\\">\
                         <p align=\\\"right\\\" style=\\\" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;\\\">BBBB </p></td></tr></table>\
                         <p style=\\\" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;\\\">  </p></body></html>");

I don't understand :(

Stefano

mrjj · wrote on 18 Nov 2016, 20:00

Hmm my best guess would that escaping it did not work 100%
I used the rich text editor on the QLabel.
So so I guess you should keep trying to find a better way.

You can try this

      setText("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0//EN\" \"http://www.w3.org/TR/REC-html40/strict.dtd\">\n"
"<html><head><meta name=\"qrichtext\" content=\"1\" /><title>AAAA</title><style type=\"text/css\">\n"
"p, li { white-space: pre-wrap; }\n"
"</style></head><body style=\" font-family:'MS Shell Dlg 2'; font-size:8pt; font-weight:400; font-style:normal;\">\n"
"<table border=\"0\" style=\" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;\" cellspacing=\"0\" cellpadding=\"0\">\n"
"<tr>\n"
"<td width=\"326\" style=\" vertical-align:top; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0;\">\n"
"<p style=\" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;\">AAAA </p></td>\n"
"<td width=\"326\" style=\" vertical-align:top; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0;\">\n"
"<p align=\"right\" style=\" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:"
                        "0px;\">BBBB </p></td></tr></table>\n"
"<p style=\" margin-top:12px; margin-bottom:12px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;\">  </p></body></html>", 0));

raven-worx · wrote on 21 Nov 2016, 08:00

@Stefanoxjx
don't set such a full-blown HTML code. As i said Qt only supports a HTML subset (also avoid CSS as much as possible). So keeping the HTML code minimal also keeps your source of errors minimal.

The following works:

label->setText("<table width=\"100%\"><tr><td width=\"50%\">LEFT TEXT</td><td width=\"50%\" align=\"right\">RIGHT TEXT</td></tr></table>");

Stefanoxjx · wrote on 21 Nov 2016, 11:03

Oh yessss!!!!
This code works fine.
After learning C++ and Qt I will study HTML.
Many thanks.

Stefano