PDA

View Full Version : tool bar bottom border deleting



javapurna
16 Apr 2013, 10:05 PM
hi every one,
how to delete tool bar bottom border . in my case my layout code is like this
items : [{
id:'header',
xtype: 'headers',
},{
region:'center',
layout:'border',
height:720,
items: [{ xtype: 'panel',
region:'east',
layout: {
type: 'hbox',
pack: 'start',
align: 'stretch'
},

id:'eastpanel',
preventHeader: true,
margins: '5 0 0 0',
cmargins: '5 5 0 0',
hidden:true,
closable: true,
items:[TaxPreparation,schedule]
},{
xtype: 'panel',
collapsible: false,
region:'center',
margins: '5 0 0 0',
border: false,
layout:'border',
items:[{
xtype:'MotLayOut',
}]

}]
},{
id:'motfooter',
xtype: 'footer',
}]

in my header i included header page ,code like this

Ext.define('Mot.view.Header', {
extend:'Ext.toolbar.Toolbar',
xtype: 'headers',
cls:'header_bar',
border:false,
frame:false,
shadow : 'true',
region:'north',
defaults: {
border:false
},
style: {
border: 0
},
autoDestroy: false,
initComponent: function() {
}
});

i wrote css

.header_bar {border-color: #FFFFFF;
background-image: none;
background-color: #FFFFFF;
border-bottom-width: 0 !important;


}

i dont want to header bottom border how to do

slemmon
18 Apr 2013, 12:16 PM
Just to make sure I'm following you, you're wanting to eliminate the bottom border on a single toolbar component, yes?

javapurna
18 Apr 2013, 8:43 PM
yes , i am elimanating border of toolbar .it is working only chrome browser ,but not working on ie8

slemmon
18 Apr 2013, 10:24 PM
Have you inspected the HTML in IE8 to see if it's using the same HTML tags + CSS as what is rendered in Chrome?

javapurna
18 Apr 2013, 11:17 PM
yes i inspected ,i find region . working fine to applying css.

one more question : label(xtype:'label' ) text can be arranging multile lines, how to arrange .

i am displaying date in label text . i want to display text like( 10 Fri (LINE SEPERATE)
APRIL 2013) IN TWO LINES . IS IT POSSIBLE .

slemmon
19 Apr 2013, 10:23 AM
You can enter HTML in the label using the html config instead of the text config.