p：dialogのサイズを変更すると、p：pickListのサイズを変更するにはどうすればよいですか？

Question

私はp：pickListを含むPF4 p：ダイアログを持っています。私はPサイズを変更すると

：ダイアログを、それは、pのサイズは変更されません：ピックリスト

は、私はこれをどのように行うことができますか？

Answer 1

<p:pickList>は基本的に以下のようなHTMLレンダリング<table>：デフォルトのPrimeFacesのCSSで

<table class="ui-picklist"> 
    <td><ul class="ui-picklist-list">[left list]</ul></td> 
    <td>[buttons]</td> 
    <td><ul class="ui-picklist-list">[right list]</ul></td> 
</table> 

を、.ui-picklist-listは200pxの一定の幅を有しています。

私たちは、代わりにこの最小幅を作り、左と右のリストを含む表のセルをしたいのですが、彼らの最大に拡大（50％はOKです）。

これらのCSSルールをスタイルシートファイルに追加するだけで、afterのPrimeFaces CSSで十分です。

.ui-picklist td:first-child, 
.ui-picklist td:last-child { 
    width: 50%; 
} 
.ui-picklist .ui-picklist-list { 
    width: auto; 
    min-width: 200px; 
}