1 Reply Latest reply on May 13, 2014 11:16 AM by Brian Leathem

    RF 4.3.4: How to increase height of a drop down list in rich:select

    Людмила Саватеева Newbie

      Hello.

      There are pages (much, .xhtml) on which the "rich:select" element.

      07.05.png

      How to increase height of the DD list on all these pages? (that is instead of height:100px to make height:500px? )
      SC:

      <!DOCTYPE html>  
      <ui:composition xmlns="http://www.w3.org/1999/xhtml"  
          xmlns:h="http://java.sun.com/jsf/html"  
          xmlns:f="http://java.sun.com/jsf/core"  
          xmlns:ui="http://java.sun.com/jsf/facelets"  
          xmlns:a4j="http://richfaces.org/a4j"  
          xmlns:rich="http://richfaces.org/rich">  
          <h:head>  
          <style>  
           
          </style>  
          </h:head>  
          <h:form>  
              <p>There is simple sample where select behaves as standard one:</p>  
              <rich:panel style="width:220px;">  
                  <f:facet name="header">  
                      <h:outputText value="Simples select"></h:outputText>  
                  </f:facet>  
                  <rich:select>  
                      <f:selectItem itemValue="0" itemLabel="Option 1" />  
                      <f:selectItem itemValue="1" itemLabel="Option 2" />  
                      <f:selectItem itemValue="2" itemLabel="Option 3" />  
                      <f:selectItem itemValue="3" itemLabel="Option 4" />  
                      <f:selectItem itemValue="4" itemLabel="Option 5" />  
                      <f:selectItem itemValue="5" itemLabel="Option 1" />  
                      <f:selectItem itemValue="6" itemLabel="Option 2" />  
                      <f:selectItem itemValue="7" itemLabel="Option 3" />  
                      <f:selectItem itemValue="8" itemLabel="Option 4" />  
                      <f:selectItem itemValue="9" itemLabel="Option 5" />  
                      <f:selectItem itemValue="10" itemLabel="Option 1" />  
                      <f:selectItem itemValue="11" itemLabel="Option 2" />  
                      <f:selectItem itemValue="12" itemLabel="Option 3" />  
                  </rich:select>  
              </rich:panel>  
               
          </h:form>  
      </ui:composition>