PDA

View Full Version : bottom bar transparent?



mjurce
16 Aug 2013, 3:36 AM
Hi,
I need help to figure the problem of transparent bottom bar with Form Panel.
Why is transparent i don't want that.
How to set non transparent bar.

Ext.define('ExtZoneForm',{
extend:'Ext.form.Panel',
url:"",
title:"",
baseParams:{
type:"",
action:""
},
initComponent:function(){

Ext.apply(this,{
autoShow: true,
title:this.title,
width:450,
height:200,
bodyPadding:5,
floating:true,
closable:true,
draggable:true,
resizable:true,
maximizable:true,
defaultType:'textfield',
items:[
{
fieldLabel:'Def',
name:'definition',
width:400,
maxLength:20
},

],

buttons:[{
text:'Save',
handler:function(button){

//Component traversal
var form=button.up("form").getForm();

if(form.isValid()){

form.submit({
success:function(form,action){

},
failure:function(form,action){
Ext.Msg.alert('Failed',action.result.msg);
}
});
}else{
Ext.Msg.alert('Invalid Data','Please correct form errors.')
}

}
},{
text:'Cancel',
handler:function(){
this.up('form').getForm().reset();
}
}]
});

this.callParent(arguments);
},
initCatStore:function(){
return Ext.create('Ext.data.Store',{
model:'Codes',
data:[
{
id:1,
description:"Test"
}]

});
}

});

I am using ext 4.0.7, the for il placend in layout component "viewport" which has an image inside.

Thanks for any suggestion.

tobiu
16 Aug 2013, 6:03 AM
right click on the transparent toolbar and see which CSS rules get applied.

choose one you like and change the background color there.