PDA

View Full Version : Button Colors



oracle.cons.tr
11 Mar 2014, 1:29 PM
Hi
I quite do not understand how the button colors change


when i use buttons in toolbar the color is gray
but when i use them on the panel then the button is blue


Example;




tbar: [
{
iconCls :'refresh', -- This is gray
name :'refresh'
},
{
....
}
],





bbar :{
xtype : 'container',
layout: {
type : 'fit',
padding:'5'
},
items:{
layout:{
type:'vbox',
align:'stretch'
},
defaults : {
fieldLabel: '',
required : false,
allowBlank: true
},
items : [
{
xtype : 'combo',
matchFieldWidth: false
},
{
xtype : 'fieldcontainer',
layout: 'hbox',
items: [
{
xtype: 'datefield',
flex : 1
},
{
xtype : 'button', -- this is blue & how can i make it gray ?
text : 'Go',
margin : '0 0 0 10'
}
]


}
]
}
},



How can I make the blue button gray by default.

By the way i use neptune theme


Thanks.

existdissolve
11 Mar 2014, 6:13 PM
They are different colors because the Neptune theme has a hierarchy of style rules that apply to buttons, depending on the context in which they are used. If you want to override them, I'd check out the style guide (http://docs.sencha.com/extjs/4.2.2/#!/guide/theming) and either create your own ui's for the buttons (best), or simply override the colors via CSS.