Question

我正在使用新版本的Vaadin，即8.0.6

如果我在宽度范围〜=“1400px-”上打开我的窗口并向下到宽度范围〜=“0px-760px”，响应式css属性工作正常，但不是相反，如果打开窗口在宽度范围〜=“0px-760px”并转到宽度范围〜=“1200px-”没有任何反应。

我的观察显示，当窗口最小化时，vaadin将属性“width-range = [...]”注入HTML代码以使其响应。但是当窗口最大化时，属性“width-range = [...]”会停留在此处，这会中断显示。

当我将宽度窗口设置得更大时，如何更新或删除属性“width-range = [...]”？

Answer 1

我有这个代码：

private Component buildLoginForm() {
    final VerticalLayout loginPanel = new VerticalLayout();
    loginPanel.setSpacing(false);
    loginPanel.setSizeUndefined();
    Responsive.makeResponsive(loginPanel);
    loginPanel.addStyleName(Configuration.Style.LOGIN_PANEL);

    loginPanel.addComponent(buildFields());
    loginPanel.addComponent(buildPasswordBtn());
    LabelIh3m hrLbl = new LabelIh3m();
    hrLbl.addStyleName("hr");
    loginPanel.addComponent(hrLbl);
    loginPanel.addComponent(buildNewAccount());
    return loginPanel;
}

我不知道为什么，但问题是这一行：的 loginPanel.setSizeUndefined（）;

vaadin响应无法正常工作

1 个答案: