panelGrid内のselectOneMenu - 行の高さが大きすぎる

Question

私はpanelGridを含むフォームを含むUIコンポジションを持っています。 panelGridには、それぞれ4つの列を持つ7つの行があります。最後の行には、2番目の列にselectOneMenuが含まれています。
行の高さを22pxに調整する必要がありました。セル内のすべての要素は21ピクセル以下です。 Firebugは私に、selectOneMenuは21pxの高さであることを示しています。しかし何とか行は25px高いでしょう。これを変更する唯一のCSSの変更は、selectOneMenuの内側のラベルの高さを15pxから12pxに設定することです。しかし、すべての入力が15pxの内部高さを持つため、これは解決策ではありません。

<p:row> 
<p:column styleClass="columnLabel"> 
<p:outputLabel value="#{msgs.inv_sum_assignment}" /> 
</p:column> 
<p:column> 
<p:selectOneMenu styleClass="assign" disabled="#{summaryBean.noInvoiceSelected}" value="#{summaryBean.assignedUser}" converter="vertreterConverter" immediate="true"> 
<f:selectItem itemValue="#{null}" /> 
<f:selectItems value="#{summaryBean.possibleAssignments}" var="vertreter" itemLabel="#{vertreter.lastname}, #{vertreter.firstname}" itemValue="#{vetreter}" /> 
<p:ajax event="change" /> 
</p:selectOneMenu> 
</p:column> 
... 

selectOneMenu Trのスタイル

selectOneMenuレイアウト

Trのレイアウトを持つセルのスクリーンショット

はあなたに行の高さを取得し、私を助けることができます22pxかそれは不可能ですか？

私が使用しています： primefacesバージョン6.1 com.sun.faces JSFバージョン2.2.8

Answer 1

まあ、私は完全には、なぜ、しかし、今は行の高さが動作するのか分からない。たぶん私はトリガーのサイズを変更したからです。確かに。ご協力ありがとうございました。

Answer 2

<p:panelGrid columnClasses="rowHeight"> 

あなたのCSSで終わり：

.rowHeight { 
    height: 22px; 
    max-height: 22px; 
} 

をそれを強制するには：

.rowHeight { 
    height: 22px !important; 
    max-height: 22px !important; 
} 

これでも機能しない場合は、マージンとパディングを削除します。

これはまだ動作しない場合、それはあなたが特定の高さでpanelGridであなたの要素のうちの1つをカスタマイズした意味と魔女ものを見つける必要があります。）

それはあなたが最大を削除しようとすることができる働きたら - 高さと重要！その後、あなたは犯人を見つけるでしょう