1. #1
    Sencha User
    Join Date
    May 2012
    Location
    Pune,India
    Posts
    23
    Vote Rating
    -1
    kalim.sayyad is an unknown quantity at this point

      0  

    Default How to change the color of titlebar

    How to change the color of titlebar


    Can anyone help me to change the color of my titlebar.Is there any simple method to do it or we need to use css.
    Which property should be used for css and where to write the code of css.

  2. #2
    Sencha - Sales Team dawesi's Avatar
    Join Date
    Mar 2007
    Location
    Melbourne, Australia (aka GMT+10)
    Posts
    738
    Vote Rating
    6
    dawesi will become famous soon enough

      0  

    Default


    everything is css, in 4.x you can do this with compass... either way:

    open firefox with firebug installed (or chome) right click and select inspect element, then use css panels to see what classes require override.
    Check out SenchaWorld.com for articles, screencasts, conference videos and more.

    Sencha Technical Training : Asia Pacific Region

    Code Validation : JSLint | JSONLint | JSONPLint

  3. #3
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,331
    Vote Rating
    76
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    Hi!

    try to give a class to your panel ....like 'sampleColor'.

    and try this in your css after default css file of extjs:-

    Code:
    .sampleColor .x-panel-header{
         color:'red !important'
        //do what ever you want but don't forget !important
    }
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.