JSF의 자동 채우기

Question

저는 2 개의 셀 (왼쪽 및 오른쪽)이있는 PanelGrid가 있습니다. 그것의 큰 패널 그리드와 왼쪽 셀에는 작은 텍스트가 있습니다. 그래서 큰 셀을 가지고 센터의 최소 텍스트를가집니다. 오른쪽에는 inputTextArea가 있습니다. 왼쪽 셀의 배경을 설정하려고 할 때, 텍스트 주위에만 afected하고 셀은 여전히 ​​색이 없습니다. 셀 배경을 조정하는 패딩 (픽셀 수 설정) 옵션을 사용했습니다. 문제는 InputTextArea입니다. 텍스트 영역의 크기를 조정하면 셀의 크기도 조정되지만 왼쪽 셀의 안쪽 여백은 조정됩니다. 거기에 Ss 거기에 필요한 옵션을 패딩 픽셀을 설정하는 데 필요한 및 셀 크기를 변경할 때 배경색을 너무?

정말 고마워요!

Answer 1

전체 셀에 배경색을 적용하려면 셀의 내용 대신 셀 자체에 배경색을 설정해야합니다.

<h:panelGrid column="2" columnClasses="leftColumn,rightColumn"> 
    <h:outputText /> 
    <h:inputTextarea /> 
</h:panelGrid> 

여기서 leftColumn 클래스에 배경색을 지정합니다.

대신 셀 내용을 인라인 요소 대신 블록 요소로 만들어 크기가 전체 셀에 걸쳐 있도록 할 수 있습니다. 예 : 그것을 <div>

<h:panelGrid column="2"> 
    <h:panelGroup layout="block" styleClass="redBackground"> 
     <h:outputText value="some" /> 
    </h:panelGroup> 
    <h:inputTextarea /> 
</h:panelGrid> 

함으로써 또는 (비록 세차게 임) 아래 예에서 redBackground 클래스 display: block;를 가산함으로써 :

<h:panelGrid column="2"> 
    <h:outputText value="some" styleClass="redBackground" /> 
    <h:inputTextarea /> 
</h:panelGrid> 

패딩이 문맥 무관하다. 구체적인 문제는 배경색이 잘못된 요소에 설정되었다는 것입니다.