2 Replies Latest reply on Jan 30, 2009 7:32 AM by rsoika

    rich:comboBox width style

    rsoika
    rsoika Jan 29, 2009 3:17 PM

      Hi,

      I have a problem with the rich:comboBox style.
      I used a general style sheet in my application which defines a width for input fields:

      input[type="text"],input[type="password"],textarea {
 width: 20em;
 border-color: silver;
}


      Everything looks fine. But if I place a rich:comboBox the style is corrupted. It seems that the rich:comboBox component is unable to compute the with of this element. The right side button for the drop down menu seems to be 20em in width. The input field itself is not displayed.

      I tried a lot but can not figure out how to bring the rich:combo element to a normal style.
      If I remove my css definition as shown above the element works fine.

      Is it a problem to define a general width to all input fields using richFaces?

      Thanks for any hints

      Ralph

      • 2758 Views
      • Tags:
        • 1. Re: rich:comboBox width style
          nbelaevski
          nbelaevski Jan 29, 2009 7:18 PM (in response to rsoika)

          Hi Ralph,

          This should help, just add after your CSS:

          input.rich-combobox-button, input.rich-combobox-button-inactive, input.rich-combobox-button-disabled {
 width: 17px;
}


            • Actions
          • 2. Re: rich:comboBox width style
            rsoika
            rsoika Jan 30, 2009 7:32 AM (in response to rsoika)

            wow! Thanks a lot - this works perfect!

            I tried so much css variants last night but nothing seems to work.
            What I did not know was the 'input.' prefix for these css classes.

            I defined the general .rich-combobox-button. But without the .input prefix these css definitions have no efect.

            Thanks a lot again.

              • Actions