Ваадин отзывчивый макет по jarektoro - PullRequest
Новая
       5

Ваадин отзывчивый макет по jarektoro

0 голосов
/ 11 сентября 2018

Я хочу сделать существующий макет отзывчивым.Я попробовал следующий код, но он разбивает строки на lInputs, даже когда есть достаточно места, и элементы, показанные в следующей строке, перекрывают следующий элемент, описание.Я использую адаптивный макет дополнения от jarektoro 

    ResponsiveLayout lInputs = new ResponsiveLayout();

    ResponsiveRow row = new ResponsiveRow();

    ResponsiveColumn column1 = row.addColumn()
            .withComponent(tKpiName)
            .withComponent(lFrequency)
            .withComponent(kpiCommunications);
    column1.addRule(DisplaySize.XS,12);
    column1.addRule(DisplaySize.MD,6);

    lInputs.addRow(row);

    lInputs.addComponents(tKpiName, lFrequency, kpiCommunications);

    lSaveKPI.addComponents(lInputs);
    lSaveKPI.setComponentAlignment(lInputs, Alignment.MIDDLE_RIGHT);

    GridLayout lSaveLoad = new GridLayout(1,2);
    lSaveLoad.addComponents(lSaveKPI, tKpiDescription);
    lSaveLoad.setSpacing(false);

Я также попробовал следующий код в vaadin 8, но элемент lInputs показывает то же самое, что «makeResponsive» не было. 

    HorizontalLayout lInputs = new HorizontalLayout();
    Responsive.makeResponsive(lInputs);
...