PDA

View Full Version : Toolbar button style in IE8



ragecf
3 Oct 2013, 10:10 PM
Hi, all

I want to change button style in toolbar (neptune theme).

I tried the following code and css:



Ext.create('Ext.grid.Panel', {
title: 'Grid',
height: 200,
width: 400,
store: myStore,
columns: [
{ text: 'Name', dataIndex: 'name', flex: 1},
{ text: 'Phone', dataIndex: 'phone', flex: 1}
],
dockedItems: [{
xtype: 'toolbar',
items: [{
text: 'Delete',
cls: 'flat-btn',
handler: function() {
}
}]
}],
renderTo: Ext.getBody()
});



CSS:


.flat-btn {
background: #5DADE2 !important;
}

.flat-btn .x-btn-inner {
color: #FFFFFF;
}


It can work in both of FF and Chrome. But the background image of button was still there in IE8.

How to fix it?
Thanks.

Gary Schlosberg
11 Oct 2013, 8:57 PM
You might need to use SASS to get IE8 working right:
http://docs.sencha.com/extjs/4.2.1/#!/guide/theming

ragecf
13 Oct 2013, 7:30 PM
Thanks. Finally I gave up. Because it caused other issues.