Important: Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

[SOLVED] QGridLayout does not lay out properly?



  • Hi everyone,

    newbie here, hope you can help me.
    I need to arrange the following widgets in a grid with 3 columns:
    the first (header) row will have 3 bold labels,
    the subsequent rows will have buttons in the first column, and short labels in 2nd and 3rd columns, that would become visible when the button is pressed.
    I create this in the code (not using QT Creator) as follows:

    @QGridLayout *gridLayout = new QGridLayout(this);

    gridLayout->addWidget(createHeaderLabel("Buttons"), 0, 0);
    gridLayout->addWidget(createHeaderLabel("Labels"), 0, 1);
    gridLayout->addWidget(createHeaderLabel("LabelsToo"), 0, 2);

    for (int row = 1; row < 10; row++)
    {
    QPushButton* btn = new QPushButton(QString::number(row), this);
    btn->setCheckable(true);
    btn->setFixedSize(70, 20);
    gridLayout->addWidget(btn, row, 0);

        QLabel* lbl1 = new QLabel(this);
        lbl1->setAlignment(Qt::AlignHCenter);
        gridLayout->addWidget(lbl1, row, 1);
    
        QLabel* lbl2 = new QLabel(this);
        lbl2->setAlignment(Qt::AlignHCenter);
        gridLayout->addWidget(lbl2, row, 2);
    

    }

    setLayout(gridLayout);
    @

    and here is createHeaderLabel() implementation:

    @QLabel* createHeaderLabel(QString name)
    {
    QLabel* lbl = new QLabel(name);
    QFont font = lbl->font();
    font.setBold(true);
    lbl->setFont(font);
    lbl->setAlignment(Qt::AlignHCenter);

    return lbl;
    

    }@

    When the button is pressed, the 2 labels in the same row will display their text which is a 1-3 characters long. (I omitted this part of code as I think it is not relevant here).
    For some reason, when I run this, the first two columns are aligned nicely, the buttons are centered under the 1st header label; and when a button is pressed, the label in the 2nd column would appear centered under the 2nd header label; but in the third column, the header label is not aligned with the labels underneath.
    I tried to set fixed size to the labels, but it didn't help. Could you please point me in the right direction?

    Thank you,
    Inna


Log in to reply