search

JarekToro / responsive-layout

The layout to beat them all!
https://vaadin.com/directory#!addon/responsive-layout
57 stars 24 forks source link

Problem with GridLayout Component #59

Open kemblekaran opened 6 years ago

kemblekaran commented 6 years ago

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 commented 6 years ago

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 commented 6 years ago

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.