0

Tengo varios combos, y quiero que todos se vean del mismo tamaño, pero como la lista que los llena, en algunos casos es larga, el combo se hace mas largo y se ve disparejo, como puedo fijar un tamaño para todos

<p:fieldset legend="Bien Armonizado" toggleable="true" toggleSpeed="500">
  <p:panelGrid columns="2" columnClasses="ui-grid-col-2,ui-grid-col-3" layout="grid" styleClass="ui-panelgrid-blank">

    <p:outputLabel value="#{sccbienarmonizadomsgs['sccbienarmonizado.cveidcapitulo.title']}:*" />
    <p:selectOneMenu id="cveIdCapitulo" value="#{SccBienArmonizadoComponent.sccbienarmonizado.sccPartidaGeneral.cveIdCapitulo}" filter="true" requiredMessage="#{sccbienarmonizadomsgs['sccbienarmonizado.title']}">
      <f:selectItem itemLabel="Seleccione" />
      <f:selectItems value="#{SccCapituloComponent.listSccCapitulos()}" var="current" itemValue="#{current.cveIdCapitulo}" itemLabel="#{current.desCapitulo}"></f:selectItems>
      <f:ajax execute="cveIdConcepto" event="change" render="cveIdConcepto"></f:ajax>
    </p:selectOneMenu>


    <p:outputLabel value="#{sccbienarmonizadomsgs['sccbienarmonizado.cveidconcepto.title']}:*" />
    <p:selectOneMenu id="cveIdConcepto" value="#{SccBienArmonizadoComponent.sccbienarmonizado.sccPartidaGeneral.cveIdConcepto}" filter="true" requiredMessage="#{sccbienarmonizadomsgs['sccbienarmonizado.title']}">
      <f:selectItem itemLabel="Seleccione" />
      <f:selectItems value="#{SccCapituloComponent.listSccCapituloSccConceptos(SccBienArmonizadoComponent.sccbienarmonizado.sccPartidaGeneral.cveIdCapitulo)}" var="current" itemValue="#{current.cveIdConcepto}" itemLabel="#{current.desConcepto}"></f:selectItems>
      <f:ajax execute="cveIdPartidaGeneral" event="change" render="cveIdPartidaGeneral"></f:ajax>
    </p:selectOneMenu>


    <p:outputLabel value="#{sccbienarmonizadomsgs['sccbienarmonizado.cveidpartidageneral.title']}:*" />
    <p:selectOneMenu id="cveIdPartidaGeneral" value="#{SccBienArmonizadoComponent.sccbienarmonizado.sccPartidaGeneral.cveIdPartidaGeneral}" filter="true" requiredMessage="#{sccbienarmonizadomsgs['sccbienarmonizado.title']}">
      <f:selectItem itemLabel="Seleccione" />
      <f:selectItems value="#{SccConceptoComponent.listSccConceptoSccPartidaGenerals(SccBienArmonizadoComponent.sccbienarmonizado.sccPartidaGeneral.cveIdConcepto, SccBienArmonizadoComponent.sccbienarmonizado.sccPartidaGeneral.cveIdCapitulo)}" var="current"
        itemValue="#{current.cveIdPartidaGeneral}" itemLabel="#{current.desPartidaGeneral}"></f:selectItems>
    </p:selectOneMenu>

introducir la descripción de la imagen aquí

1 respuesta 1

0

Crea un estilo con el ancho deseado:

.ancho200 { width: 200px !important}

Aplica el estilo a tus combos:

<p:selectOneMenu id="cveIdCapitulo" value="#{SccBienArmonizadoComponent.sccbienarmonizado.sccPartidaGeneral.cveIdCapitulo}" filter="true" requiredMessage="#{sccbienarmonizadomsgs['sccbienarmonizado.title']}" styleClass="ancho200">
...
<p:selectOneMenu id="cveIdConcepto" value="#{SccBienArmonizadoComponent.sccbienarmonizado.sccPartidaGeneral.cveIdConcepto}" filter="true" requiredMessage="#{sccbienarmonizadomsgs['sccbienarmonizado.title']}" styleClass="ancho200">
...
<p:selectOneMenu id="cveIdPartidaGeneral" value="#{SccBienArmonizadoComponent.sccbienarmonizado.sccPartidaGeneral.cveIdPartidaGeneral}" filter="true" requiredMessage="#{sccbienarmonizadomsgs['sccbienarmonizado.title']}" styleClass="ancho200">

No es lo más elegante.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.