change the color of the text while it is disabled....

[ajax&me]

Hi All,

In form panel i have a couple of textfields,combos and date fields,according to my requirement i need to make some of the fields disabled,when i make the field disabled i am not able to see the text properly(it is in lighter shade so user not able to read it). now i wanted to change the font color while it is disabled...i am attaching screenshot with this please have a look at it...Can somebody help me in this regard...

items:[{
                    xtype:"combo",
                    fieldLabel:"Fiscal Year",
     name:"fiscalYear",     
     dataIndex: 'fiscalYear',
     disabled : true,
     width :152,
     store : new Ext.data.Store({
       reader : fyJsonReader,
       proxy : new Ext.data.HttpProxy({
        url : 'fyComboData.action'
       })
     }),
     valueField:'display',
     displayField:'display',
     typeAhead: true,
     triggerAction: 'all',
     selectOnFocus:true,
     forceSelection:true,
     minListWidth : '150',
     mode :'remote', 
     emptyText: 'Select',
     id:'fYear'
     //itemCls: 'required'
    }

Thanks in advance,
Murali.S

[gmichael]

try adding maskDisabled:false on your disabled items... maybe it can make the texts of the disabled fields clear but it doesn't change the color of the text...

[ajax&me]

I have tried the way u said but no luck..

[rudytheng]

is this helping?


disabledClass : String CSS class added to the component when it is disabled (defaults to "x-item-disabled").

[gmichael]

yah.... that should work...

[ajax&me]

thanks for ur replies ....i have tried the steps as u said in previous post but no luck ......

.x-item-disabled
{
color:#000000 !important;

}

items:[{
                    xtype:"combo",
                    fieldLabel:"Fiscal Year",
     name:"fiscalYear",     
     dataIndex: 'fiscalYear',
     disabled : true,
     width :152,
     store : new Ext.data.Store({
       reader : fyJsonReader,
       proxy : new Ext.data.HttpProxy({
        url : 'fyComboData.action'
       })
     }),
     valueField:'display',
     displayField:'display',
     typeAhead: true,
     triggerAction: 'all',
     selectOnFocus:true,
     forceSelection:true,
     minListWidth : '150',
     mode :'remote', 
     emptyText: 'Select',
     id:'fYear',
     disabledClass :'x-item-disabled'
     //itemCls: 'required'
                  },{

Please help me in this regard...

Thanks

[Animal]

IE is crap. It ignores your styling instructions on disabled fields.

[jezmck]

true, but any suggestions on how to persuade it otherwise?
is it an actual disabled text input, or a styled text area or something?

[ajax&me]

So any suggestions how to resolve this issue ?

[ajax&me]

Its plain disabled text field,i just added style to it to make it bold...