how to change the background color of checklists

[theparakeet]

Hi everyone- I am new at sencha touch and have been looking extensively on the web to find a way to change the background color for the check boxes that are part of multiline labels in a radio list.

THere is a bug that has been reported when the labels are multiline - sencha touch doesn't extend the fill for the checkbox all the way down to cover the width of the text - creating what looks like a gap in the overall display of the grid.

We thought a work around would be to change the background color or either the checkbox or the whole grid itself.

Can anyone respond to our techy SOS??

Thanks!!

[Sameer Khan]

var selectfields = this.query('selectfield,radiofield');
for( var i = 0; i < selectfields.length; i++ ) {
var fld = selectfields[i];
if( fld.store && fld.store.storeId == 'diagnosticCodes' ) {
fld.addListener( 'change', this.onDiagnosisSelect, this );
} else {
fld.addListener( 'change', this.onItemChange, this );
}
}

onItemCheck: function(resform,nval,oval) {
this.getEl().dom.yourfieldname.style.backgroundColor='#CECECE';
this.getEl().dom.tt.yourfieldname.disabled=true;
}

onItemUnCheck: function (resform,nval,oval){
this.getEl().dom.yourfieldname.style.backgroundColor='white';
this.getEl().dom.tt.yourfieldname.disabled=false;

}

//Comment for the above code
1.write the query method in your panel/formpanel,pass args as selectfield , radiofiled. textfield...etc whatever the fields you want to disable.

2. Implement the following events for the respected fields to disable them / to enable them

[theparakeet]

That works perfect! Thanks so much.