बग जब पी panelgrid अंदर selectonemenu primefaces प्रदर्शित

Question

मैं इस समस्या है:

<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> 

मैं क्या मैं इस समस्या reolve को क्या करना चाहिए पता नहीं है:

यहाँ कोड है मैं परीक्षण किया width:100% लेकिन जैसा कि आप देखते हैं कि यह

मैं इसे कैसे हल कर सकता हूं?

अग्रिम धन्यवाद

Answer 1

समस्या 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> 

अधिक सामान्य के लिए, आप सीएसएस फ़ाइल में शामिल कर सकते हैं।

यह भी देखें:What is the JSF resource library for and how should it be used?