2017-06-13 45 views
0

我使用Vaadin的最新版本是8.0.6vaadin響應工作不正常

,如果我打開寬度範圍我的窗口〜=「1400px-」再往寬度範圍〜=」 0px-760px「,響應css屬性可以正常工作,但不會以其他方式進行,如果在寬度範圍〜=」0px-760px「上打開窗口並轉到寬度範圍〜=」1200px-「則不會發生任何事情。

我的觀察結果顯示,當窗口最小化時,vaadin將屬性「width-range = [...]」注入到HTML代碼中以使其響應。但是,當窗口最大化時,屬性「width-range = [...]」停留在此處,因此會中斷顯示。

我怎樣才能更新或刪除屬性「width-range = [...]」當我使寬度窗口更大?

+0

你可以通過添加相關的代碼來重新創建你的問題來改善你的問題嗎? – petey

+0

此文檔可能會幫助您,https://vaadin.com/docs/-/part/framework/themes/themes-responsive.html – petey

回答

0

我有這個代碼:

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();