GWT HTMLPanel 높이 문제

Question

GWT HtmlPanel을 사용하여 위젯을 그룹화했습니다. CSS를 사용하여 HtmlPanel의 높이를 100 %로 설정하고 싶습니다. 배경색을 설정하십시오. 여기

은 내 코드입니다 :

CSS : .loginhtmlpan { 폭 : 100 %; 신장 : 100 %; background-color : # 424242; }

이 문맥에서 저를 도우십시오.

Answer 1

프로그래밍 방식으로 특정 높이 및 너비를 지정하는 대신 제한 기반 CSS 배치를 사용해보십시오. 이것은 표준 GWT 위젯에 대한 일반적인 관행이되고있다. 같은 스타일 :

.myCssStyle { 위치 : 절대; 상단 : 0; 왼쪽 : 0; 오른쪽 : 0; 하단 : 0; }

그런 다음 addStyleName ("myCssStyle")을 사용하여 HTMLPanel에이 스타일을 추가 할 수 있습니다. 브라우저 크기 조정 이벤트가 발생할 때 HTMLPanel의 크기가 적절히 조정됩니다. 참고로 대부분의 GWT "Layout"컨테이너는 제약 기반 위치 지정 (DockLayoutPanel, LayoutPanel, SplitLayoutPanel 등)을 사용합니다.

Answer 2

GWT 위젯에 CSS 스타일을 적용하는 가장 간단한 방법 :

1. 링크 당신 host.html 파일에서 스타일.

2. 전화 myHtmlPanel.addStyleName("loginhtmlplan") 당신은

당신은 당신의 자바 코드를 사용하여 높이와 너비를 설정하려고 할 수 있습니다 자세한 내용