생성 된 부서 원인 대혼

Question

나는이 문제를 설명 할 수있는만큼 노력하고 시도 할 것입니다.

저는 테이블과 기타 정보를 표시하는 모달 창을 사용하는 Vaadin (GWT와 유사한 프레임 워크)에서 웹 응용 프로그램을 개발하고 있습니다.

모달 윈도우의 크기는 다양하지만 분명한 이유 때문에 모달 윈도우 모두에 동일한 CSS 클래스를 사용하고 싶습니다. 따라서 모달 창을 만들 때 CSS 외부의 크기 지정 매개 변수를 지정하고 Java 코드를 지정합니다. 예 :

public class InventoryAssignSubscription extends Window { 

    Panel mainPanel = Cf.panel(I18N.get("inventory.assignsubscription.single.header")); 

    public void init(Object customer) { 

     setResizable(false); 

     setModal(true); 
     setWidth("730px"); 
     center(); 

     mainPanel.addStyleName("m2m-modalwindow-mainpanel"); 

그러나 문제를 발견했습니다.

창에있는 모든 내용을 담고있는 패널 구성 요소를 만들면 너비가 창의 내용 너비를 채 웁니다. 그러나 방화 벽을 통해 생성 된 마크 업을 보면 다른 구성 요소가 생성 된 것을 볼 수 있습니다. Panel 내부의 VerticalLayout 패널보다 다른 너비가 있습니다. 나는 그것이 어떻게 거기에 도착하는지 전혀 모른다. 그리고 내가 얻는 문제는 VerticalLayout이 너무 커서 패널 아래쪽에 가로 스크롤이 발생한다는 것입니다. 이것은 방화범 모습입니다 :

나는이 문제를 해결하기 위해 찾은 유일한 방법은 M2M-모달 윈도-mainpanel와 패널 내부의 모든 VerticalLayout 년대의 최대 폭을 설정하는 것입니다 CSS 클래스 이름 :

.v-panel-content-m2m-modalwindow-mainpanel .v-verticallayout { 
    max-width: 1000px; 
} 

그러나 이것은 하나의 창에서만 작동합니다. 즉 콘텐츠가 1000 픽셀 너비로 표시됩니다. 더 얇은 윈도우는이 CSS 클래스의 영향을받지 않습니다. 세로 폭은 1000px보다 작아야합니다. = (

어떻게하면이 문제를 해결할 수있는 아이디어가 있습니까? 내가 패널을 만들 때 어떤 점에서 그 요소 (div)의 "생성"이 최대 너비로 있어야 하는지를 알 수 있습니다 ..?

내 문제가 너무 생생하게 설명되거나 추가 정보가 필요한 경우 !

감사합니다 내가 다음 주저하지 마십시오 해결하는 데 도움이

편집 :! 패널 채우기에 CSS를 추가하고 Firebug에서 문제를 보여주는 이미지를 추가했습니다. 불행하게도 이미지에 표시되지 않습니다 패널의 하단에 스크롤 ..

CSS가

.v-panel-content-m2m-modalwindow-mainpanel { 
    padding: 15px; 
} 

이미지 :

만약 angel에서

Answer 1

모든 패널 내부에 수직 레이아웃이 기본적으로. 패널의 너비에 730을 설정했고 레이아웃의 너비가 너비가 704 픽셀이라는 사실은 패널에 여백이 있음을 나타냅니다. Firebug의 레이아웃 탭을 사용하여 차이점을 확인하십시오.

Vaadin 개발자는 크기 조정을 제대로하기 위해 많은 노력을 기울였습니다. 설명이 없으면 아무 것도 없어야합니다.

질문을 Vaadin's forum에 게시하는 것이 좋습니다.