PDA

View Full Version : color:white or color:#FFF not working



stirucherai
21 Dec 2011, 1:31 AM
Hi,
I have a panel with html set to some value. I have attached a cls. The color of the font works when it is set to any other color but white. White alone it is not displaying anything.


Ext.define('NDP.view.topPanel', {
extend: 'Ext.Panel',
alias: 'widget.topPanel',
xtype:'topPanel',
config: {
items: [{
xtype:'toolbar',
defaults: {
iconMask: true,
ui: 'plain'
},
items:[
{
xtype:'panel',
id:"appHeading",
cls:'menuHeadingCLS',
height:50,
width:300,
html:'Application Heading' },
{xtype:'spacer'},
{
iconCls : 'btnSetting',
id:'menuSettingButton'
}
]
}]
}
});


I have the following css



.menuHeadingCLS{
color:#FFF;
padding-top:5px;
padding-left:5px;
}

mitchellsimoens
21 Dec 2011, 6:03 AM
This


Ext.define('NDP.view.topPanel', {
extend : 'Ext.Panel',
xtype : 'topPanel',

config : {
items : [
{
xtype : 'toolbar',
defaults : {
iconMask : true,
ui : 'plain'
},
items : [
{
xtype : 'panel',
cls : 'menuHeadingCLS',
height : 50,
width : 300,
html : 'Application Heading'
},
{
xtype : 'spacer'
},
{
iconCls : 'btnSetting'
}
]
}
]
}
});

.menuHeadingCLS{
color : #FFF;
padding-top : 5px;
padding-left : 5px;
}

Properly changed the text to #FFF for me.

stirucherai
21 Dec 2011, 7:58 AM
Well now I realized. I am actually used a UNICODE character for the html. Just changed to english it works.

Please try this -- the below works with different color but for white.







html : 'நாலாயிர திவ்வியப் பிரபந்தம்'




TH

stirucherai
23 Dec 2011, 6:29 PM
May be I did not communicate well

html:"UNICODE VALUE like திருச்சேறை பிரம்மோத்ஸ​""" "

when set color : white it does not work. For all other color it works.