Problem with GridLayout Component

[kemblekaran]

When GridLayout component with columns and rows added into the ResponsiveColumn it,some components start to move off the screen.

Code : `ResponsiveLayout responsiveLayout = new ResponsiveLayout(); GridLayout lPersonalAccount = new GridLayout(3, 3); responsiveLayout.setSizeFull(); responsiveLayout.setStyleName("border"); ResponsiveRow rootRow = responsiveLayout.addRow(); rootRow.setHeight("100%");

    ResponsiveColumn firstColumn = new ResponsiveColumn(12, 6, 4, 4);
    rootRow.addColumn(firstColumn);

    ResponsiveColumn secondColumn = rootRow.addColumn().withDisplayRules(12, 6, 4, 4);

    ResponsiveRow personalRow = new ResponsiveRow();
    ResponsiveColumn personalContent = new ResponsiveColumn(12);
    personalContent.setComponent(lPersonalAccount);

    personalRow.addColumn(personalContent);

    firstColumn.setComponent(personalRow);

    masterLayout.addComponent(responsiveLayout);`

[JarekToro]

You might want to set the grid component to 100% width. However you might also want to look at the 100%height. CSS height is weird and can throw things off if not set up right. But I would have to see a picture of the problem before I could notice anything.

[kemblekaran]

It's start to move off the screen whenever I set GridLayout's columns and rows and If I don't do that it works just fine.