Wt

I'm encountering some problems using WGridLayout (Wt 3.1.11) and maybe someone can help. I would like to create a grid filled with fixed-size squares of 20 pixels high and 8 wide. In this grid I want to place widgets inside one or more cells, e.g. a WLabel on (1, 0) with span(1, 3) and a WLineEdit on (1,4) with span(1, 6).

For example:

+-+-+-+-+-+-+-+-+-+-+
| | | [somelabel] | |
+-+-+-+-+-+-+-+-+-+-+
[label] [My lineedit]
+-+-+-+-+-+-+-+-+-+-+
[label] | | | | | | |
+-+-+-+-+-+-+-+-+-+-+

I've tried different approaches, but every time I end up with a WLineEdit that is 10 pixel high instead of 20. Also there seems to be too much spacing between each row. I am setting both the horizontal and vertical spacing to 0. Explicitly resizing child widgets to the right size does not help either. Am I doing something wrong or is this a bug?

Here's an example (using colors around each widget to debug sizes):

#include <Wt/WApplication>
#include <Wt/WContainerWidget>
#include <Wt/WColor>
#include <Wt/WCssDecorationStyle>
#include <Wt/WGridLayout>
#include <Wt/WLabel>
#include <Wt/WLength>
#include <Wt/WLineEdit>

using namespace Wt;

#define         COL_SIZE        8
#define         ROW_SIZE        20

class MyApplication: public WApplication {
public:
    MyApplication(const Wt::WEnvironment& env);
};

MyApplication::MyApplication(const Wt::WEnvironment& env)
    : Wt::WApplication(env)
{
    setTitle("Test grid");

    WContainerWidget* container = new WContainerWidget(root());
    container->resize(22*COL_SIZE, 8*ROW_SIZE);

    // Add a background color for "container" to debug its allocated size
    WCssDecorationStyle decoration;
    decoration.setBackgroundColor(WColor("silver"));
    container->setDecorationStyle(decoration);

    // Divide the container into 22x8 equally-sized cells
    WGridLayout* grid = new WGridLayout(container);
    for (int c = 0; c< 22; ++c)
        grid->setColumnStretch(c, 0);
    for (int r = 0; r < 8; ++r)
        grid->setRowStretch(r, 0);

    // Disable spacing
    grid->setHorizontalSpacing(0);
    grid->setColumnResizable(0);

    // Set gridlayout for container
    container->setLayout(grid);

    WLabel* field1 = new WLabel("somelabel");
    grid->addWidget(field1, 0, 3, 1, 5);

    WLabel* field2 = new WLabel("label");
    grid->addWidget(field2, 1, 0, 1, 3);

    WLineEdit* field3 = new WLineEdit();
    grid->addWidget(field3, 1, 4, 1, 6);

    WLabel* field4 = new WLabel("label");
    grid->addWidget(field4, 2, 0, 1, 3);


    WCssDecorationStyle dfield1;
    dfield1.setBackgroundColor(WColor("yellow"));
    field1->setDecorationStyle(dfield1);

    WCssDecorationStyle dfield2;
    dfield2.setBackgroundColor(WColor("red"));
    field2->setDecorationStyle(dfield2);

    WCssDecorationStyle dfield3;
    dfield3.setBackgroundColor(WColor("blue"));
    field3->setDecorationStyle(dfield3);

    WCssDecorationStyle dfield4;
    dfield4.setBackgroundColor(WColor("green"));
    field4->setDecorationStyle(dfield4);

    /* This doesn't help either:
    field1->resize(5*COL_SIZE, 1*ROW_SIZE);
    field2->resize(3*COL_SIZE, 1*ROW_SIZE);
    field3->resize(6*COL_SIZE, 1*ROW_SIZE);
    field4->resize(3*COL_SIZE, 1*ROW_SIZE);
    */
}

WApplication*   createApplication(const Wt::WEnvironment& env) 
{
    WApplication* app = new MyApplication(env);
    return app;
}

int main(int argc, char *argv[])
{
    return Wt::WRun(argc, argv, &createApplication);
}