Wt

A while ago, I did some experimenting with a WGridLayout, see http://redmine.webtoolkit.eu/boards/2/topics/3349

A couple of days ago I decided to pick up some code I was working on, and I noticed things gotten worser, at the moment I have no idea how I should properly use a WGridLayout with items spanning more than one column with Wt 3.3.0.

Again, I'm trying to create a grid with equally sized cells, achieve something like this:

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

However, every item in the grid seems to get a hidden visibility property and coordinates at --1000000px,--1000000px. All I can see is the grid container.

The code I'm using is:

#include <Wt/WApplication>
#include <Wt/WContainerWidget>
#include <Wt/WGridLayout>
#include <Wt/WLabel>
#include <Wt/WLineEdit>
#include <Wt/WText>

using namespace Wt;

#define            COL_SIZE        8
#define            ROW_SIZE        20

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

GridTest::GridTest(const Wt::WEnvironment& env)
    : Wt::WApplication(env)
{
    const int columnCount   = 10;
    const int rowCount      = 5;

    setTitle("Test grid");

    // Create the root Container
    WContainerWidget* container = new WContainerWidget(root());

    // Set size for container
    container->resize(columnCount*COL_SIZE, rowCount*ROW_SIZE);

    // Add a grid layout
    WGridLayout* grid = new WGridLayout();

    // Disable Grid spacing
    grid->setHorizontalSpacing(0);
    grid->setVerticalSpacing(0);

    // Divide the grid into equally-sized cells with stretch 0
    for (int c = 0; c < columnCount; ++c)
        grid->setColumnStretch(c, 0);
    for (int r = 0; r < rowCount; ++r)
        grid->setRowStretch(r, 0);

    // Add Some fields to the 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);

    // Use different background colors for each item
    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);

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

    WCssDecorationStyle even;
    even.setBackgroundColor(WColor("white"));
    WCssDecorationStyle odd;
    odd.setBackgroundColor(WColor("black"));

    // Add a small checherboard row and column at the bottom and right side of the grid
    for (int r = 0; r < rowCount; ++r) {
        if (r == (rowCount - 1)) {
            for (int c = 0; c < columnCount; ++c) {
                WContainerWidget* square = new WContainerWidget();
                square->setDecorationStyle(((c + rowCount - 1) % 2) ? odd : even);
                grid->addWidget(square, rowCount - 1, c);
            }
        }
        else {
            WContainerWidget* square = new WContainerWidget();
            square->setDecorationStyle(((columnCount - 1 + r) % 2) ? odd : even);
            grid->addWidget(square, r, columnCount - 1);
        }
    }
    container->setLayout(grid);
}

I've looked at the documentation, but I cannot find what I'm doing wrong here... If there was a "SetColumnWidth(int colNo, const WLength& width)" for a WGidLayout, that might be helpful.

By the way, why has Wt moved to generating

's for grid cells instead of a

?