FormPanel item ghosted

LabKey Support Forum (Inactive)
FormPanel item ghosted nicholas.arnold  2010-01-15 13:48
Status: Closed
 
I'm working with the LABKEY.ext.FormPanel which is used to display a form on a report that is using a LABKEY.Query.selectRows object to fill the form values. The form is being rendered to a div and the values are filled in correctly.

The problem I'm having is that the items are coming up "ghosted" making them hard to read as well as unprintable (the purpose of the report is to be printable). An example of my form is:

        var form = new LABKEY.ext.FormPanel({

            selectRowsResults : data,
            border : false,
            items : [{name:'Name', fieldLabel:'Batch Number'},
                {name:'DM'},
                {name:'Batch_size'}]
        });

I've attempted to change the xtype parameter for an item to 'displayfield', however this causes the page to error. I've attached an image of how the form is being displayed to show an example of the incorrect result.

Nick
 
 
Matthew Bellew responded:  2010-01-15 16:44
This is how non-updatable fields are displayed by default. The gray is applied because the default disabledClass is x-item-disabled which is {color:gray}. You can either set disabled:true or disabledClass to something other than x-item-disabled.

e.g. {name:'DM', disabledClass:''}

I think that should do it.

see also

http://www.extjs.com/deploy/ext-2.2.1/docs/?class=Ext.form.TextField