1. #1
    Sencha User
    Join Date
    Aug 2011
    Posts
    66
    Vote Rating
    0
    stirucherai is on a distinguished road

      0  

    Default color:white or color:#FFF not working

    color:white or color:#FFF not working


    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.
    Code:
    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

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

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,330
    Vote Rating
    847
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    This

    Code:
    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.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Aug 2011
    Posts
    66
    Vote Rating
    0
    stirucherai is on a distinguished road

      0  

    Default


    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.



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

    TH



  4. #4
    Sencha User
    Join Date
    Aug 2011
    Posts
    66
    Vote Rating
    0
    stirucherai is on a distinguished road

      0  

    Default


    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.

Thread Participants: 1