6

私はこの問題を抱えています: ここに画像の説明を入力

コードは次のとおりです。 

    <p:panelGrid styleClass="newArticlePanelGrid" >

<!-- __________________________________________row1________________________________________________ -->
<p:row>

<p:column>
<h:outputLabel value="Designation : " />                        
</p:column>
<p:column colspan="3" >
<p:inputText id="new-article-designation"  style="width: 449px;"
                            value="#{articlesMB.article.designation}" required="true"
                            requiredMessage="designation requise" />

</p:column>

</p:row>

<p:row>

<p:column />
<p:column colspan="3" >
<p:message id="for-new-article-designation"
                            for="new-article-designation" display="text" />
</p:column>


</p:row>
<!-- __________________________________________row2________________________________________________ -->
<p:row>

<p:column>
<h:outputLabel value="Type : " />

</p:column>
<p:column>
    <p:selectOneMenu id="new-article-typeggg" required="true"
                            requiredMessage="type requis" converter="#{typeConverter}"
                            style="width:100%" value="#{articlesMB.article.type}">
                            <!--        <f:selectItem itemLabel="Selectionner Type" itemValue="" />-->
                            <f:selectItems value="#{articlesMB.listTypes}" var="v"
                                itemLabel="#{v.libelle}" itemValue="#{v}" />
                        </p:selectOneMenu>

</p:column>
<p:column>
    <h:outputLabel value="Unité : " />

</p:column>
<p:column>
    <p:selectOneMenu id="new-article-unite" required="true"
                            widgetVar="uniteselect" requiredMessage="unité requise"
                            converter="#{uniteConverter}" style="width:100%"
                            value="#{articlesMB.article.unite}">
                            <!--            <f:selectItem itemLabel="Selectionner Unite" itemValue=""  /> -->
                            <f:selectItems value="#{articlesMB.listUnites}" var="v"
                                itemLabel="#{v.libelle}" itemValue="#{v}" />
                        </p:selectOneMenu>

</p:column>

</p:row>

<p:row>

<p:column />
<p:column>

この問題を解決するために何をすべきかわかりません：テストしましwidth:100%たが、ご覧のとおり変更されません

どうすれば解決できますか？

前もって感謝します

4

1 に答える 1

7

問題はstyle="100%"、selectonemenu の幅のみを変更することに由来します。selectonemenu 内のラベルの幅を設定する必要があります (この状況では)。

            <style type="text/css">
                .ui-selectonemenu-label{
                    width:100% !important;
                }
            </style>

すべての selectonemenu を設定する場合:

             <style type="text/css">
                .ui-selectonemenu-label{
                    width:100% !important;
                }
                .ui-selectonemenu{
                    width:100% !important;
                }
            </style>

より一般的には、css ファイルに含めることができます。

関連項目: JSF リソース ライブラリの目的と使用方法

于 2013-05-16T01:43:53.690 に答える