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

rich:comboBox style

agrimm Sep 19, 2008 2:27 AM

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 Sep 19, 2008 5:32 AM (in response to agrimm)

could you check in fireBug which propertiers overrides your ones ?
Actions

2. Re: rich:comboBox style

agrimm Sep 22, 2008 7:47 AM (in response to agrimm)

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

agrimm Sep 22, 2008 7:49 AM (in response to agrimm)
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>
Actions

Go to original post