JSFでの自動埋め込み

Question

私は2つのセル（左と右）でPanelGridを持っています。その大きなパネルグリッドと左のセルには小さなテキストがあるので、大きなセルがあり、中央には最小のテキストがあります。右の私はinputTextAreaを持っています。左のセルの背景を設定したいとき、そのセルはテキストの周りだけであり、色のないセルはすべて閉じています。私は、セルの背景を調整するためのパディング（ピクセル数の設定）オプションを使用しました。 問題はInputTextAreaです。テキストエリアのサイズを変更すると、セルのサイズも変更されますが、左のセルのパディングは変更されません。そこに任意のオプションは、パディングピクセルを設定する必要はありませんと私は、背景の色も、セルのサイズを変更しますか？

ありがとうございました！

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> 

パディングは、この文脈では無関係です。あなたの具体的な問題は、背景色が間違った要素に設定されているということでした。