Forums for ICEfaces and ICEpdf

IE6 - ICEfaces 1.7dr2 - support #6776

I have some styles defined for a selectInputDate, which includes something like the following:

.BaseClassNameForSelectInputDateInput
{
font-style: italic;
color: blue;
}
.BaseClassNameForSelectInputDateInput-dis
{
font-style: italic;
color: red;
}

When the selectInputDate is enabled, the font in the text field is italic and blue. Yet when it is disabled the font is italic and gray, not red.

Is there another style that I should be setting to alter that gray colour?

Thanks.
Rod.

Did you overwrite all corresponding style classes? icefaces handles customized style class by appending the new class name at the end of default ones which are generated from the base style classname you passed in. e.g. select input date has the default style class name "iceSelInpDate" icefaces generates the child elements' style classes from this name, like "iceSelInpDateMonthYear" and "iceSelInpDateMonthYear-dis". When overwriting the default style by: <ice:selectInputDate styleClass="custom" .../>, icefaces will generate all child style class names from "custom" and take a look at the markup, you will find "iceSelInpDateMonthYear" becomes "iceSelInpDateMonthYear customSelInpDateMonthYear"

Therefore, you may want to include child element style class if you want to overwrite specific element. You can provide me more information like which part of text you want to change so that I can better help you.

Thanks Sam.

I have overridden all the child styles classes mentioned in the documentation. I am trying to change the font color in the input text field for the selectInputDate.

As I said, I can change this color when the disabled attribute is false, but not when it is true. The "Input" child style class seems to be the one that alters the input text field.

Is this a bug? If the style for the disabled text input field remains "iceSelInpDateInput-dis BaseClassNameForSelectInputDateInput-dis", is there something in the ICE style that stops me from specifying a new color?

It seems to work fine for me. When disable button is clicked, anything inside input box appeared disabled and in red color.

on the page:
Code:

 <link href="./xmlhttp/css/xp/xp.css" rel="stylesheet" type="text/css" />
 <link href="./custom.css" rel="stylesheet" type="text/css" />
 ......
 <ice:selectInputDate disabled="#{bean.disabledCalendar}" renderAsPopup="true"
 styleClass="custom"/>
 <ice:commandButton value="Disable Calendar" actionListener="#{bean.disableCalendar}" partialSubmit="true"/>

custom.css:
Code:

 .customInput-dis{
    color:red;
 }

Thanks Sam,

Did you try IE6? I tried your simple example and it does not work for me under IE6, but it does turn red on FireFox.

Rod.

You are right. This doesn't work for IE due to the fact that you are not allowed to change "disabled" style for IE although I can see the correct style class has been applied. If you really really need this function, you can probably try to set the "disabled" back to false and use "readonly" and some custom styles.

OK. It just seemed strange that I can make it italic, but not red, when it is disabled.

I shall rethink it.

Thanks.

Guys Can i know how to reduce the size of the textbox length

i have given the following in my custom css but it is not working

.iceSelInpDateInputDemo {
width: 50px;
}

i have include the same in my xhtml also

But it doesnt Work

hey d same is not working for me lso in IE7

i added in css as:

.textSize
{
font-size: 8pt;
color: #484848;
}

and using the same in .xhtml file : <ice:selectInputDate

but the date doesn't converted in the specifd text size.

But i checked it Mozila and it is working fine there its strange.....

Plz help!!!!!!!!

Use Internet Explorer Developer Toolbar to inspect the item and see it fail