3 Replies Latest reply on Sep 22, 2008 7:49 AM by Achim Grimm

    rich:comboBox style

    Achim Grimm Newbie

      Hi,

      I hava a questen about the style-class that can be set for the rich:comboBox.
      As soon as I set one of the 'inputClass'-attributes my style class is used. But not all CSS-values seem to be accepted. I can't overwrite the text-color and the top/left-border for example.

      I don't want to change the global rich-skin-parameters. Is there a way to solf this problem?

      Best regards and in hope of a good idea.
      Achim Grimm

        • 1. Re: rich:comboBox style
          Ilya Shaikovsky Master

          could you check in fireBug which propertiers overrides your ones ?

          • 2. Re: rich:comboBox style
            Achim Grimm Newbie

            Sure, here are the CSS-Classes:

            http://localhost:8080/servlet/ajax/a4j/s/3_2_2.GAcss/combobox.xcss/DATB/eAHbaHG1L3T5DGkAE3AD!A__
            .rich-combobox-font, input.rich-combobox-font (linie 1)
            {
            font-size: 11px;
            font-family: Tahoma,Verdana,Arial,Helvetica,Geneva,sans-serif;
            color: #000000;
            }
            .rich-combobox-input, .rich-combobox-input-disabled, .rich-combobox-input-inactive (linie 1)
            {
            background-color: #ffffff;
            border-bottom-color: #cdea9f;
            border-right-color-value: #cdea9f;
            border-right-color-ltr-source: physical;
            border-right-color-rtl-source: physical;
            }
            
            input.rich-combobox-input (linie 1)
            {
            width: 240px;
            position: absolute;
            top: 0pt;
            left: 0pt;
            padding-left: 3px;
            margin-top: 0pt;
            margin-right: 0pt;
            margin-bottom: 0pt;
            margin-left: 0pt;
            border-top-style: solid;
            border-right-style-value: solid;
            
            border-bottom-style: solid;
            border-left-style-value: solid;
            border-left-style-ltr-source: physical;
            border-left-style-rtl-source: physical;
            border-right-style-ltr-source: physical;
            border-right-style-rtl-source: physical;
            border-top-width: 1px;
            border-right-width-value: 1px;
            border-bottom-width: 1px;
            border-left-width-value: 1px;
            border-left-width-ltr-source: physical;
            border-left-width-rtl-source: physical;
            border-right-width-ltr-source: physical;
            border-right-width-rtl-source: physical;
            border-left-color-value: #000000;
            border-left-color-ltr-source: physical;
            border-left-color-rtl-source: physical;
            border-top-color: #000000;
            background-position: left top;
            background-repeat: repeat-x;
            }
            
            .rich-combobox-font, input.rich-combobox-font (linie 1)
            {
            font-size: 11px;
            font-family: Tahoma,Verdana,Arial,Helvetica,Geneva,sans-serif;
            color: #000000;
            }
            


            My-CSS definition:
            .combo (linie 260)
            {
            color: #2a54aa;
            border-top-width: 1px;
            border-right-width-value: 1px;
            border-right-width-ltr-source: physical;
            border-right-width-rtl-source: physical;
            border-bottom-width: 1px;
            border-left-width-value: 1px;
            border-left-width-ltr-source: physical;
            border-left-width-rtl-source: physical;
            border-top-style: solid;
            border-right-style-value: solid;
            border-right-style-ltr-source: physical;
            border-right-style-rtl-source: physical;
            border-bottom-style: solid;
            border-left-style-value: solid;
            border-left-style-ltr-source: physical;
            border-left-style-rtl-source: physical;
            border-top-color: #7f9db9;
            border-right-color-value: #7f9db9;
            border-right-color-ltr-source: physical;
            border-right-color-rtl-source: physical;
            border-bottom-color: #7f9db9;
            border-left-color-value: #7f9db9;
            border-left-color-ltr-source: physical;
            border-left-color-rtl-source: physical;
            font-size: 11px;
            font-weight: normal;
            font-family: Tahoma,Verdana,Arial,Helvetica,Geneva,sans-serif;
            }


            • 3. Re: rich:comboBox style
              Achim Grimm Newbie

              Maybe the tag-attributes I have used are helpfull as well:

              <rich:comboBox id="titleBox" value="#{ formdata.title }" inputClass="combo" inputDisabledClass="combo" inputInactiveClass="combo">
               <f:selectItems value="#{ catalogueValues.titles }"/>
              </rich:comboBox>