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 Premium Member dawesi's Avatar
    Join Date
    Mar 2007
    Location
    Melbourne, Australia (aka GMT+10)
    Posts
    1,083
    Vote Rating
    44
    dawesi has a spectacular aura about dawesi has a spectacular aura about

      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.
    Teahouse Training Company
    Official Certified Sencha Trainer

    Australia / New Zealand / Singapore / Hong Kong & APAC



    SenchaWorld.com - Sencha webinars, videos, etc
    SenchaForge.org - (coming soon)
    TeahouseHQ.com - Sencha ecosystem training portal

    Code Validation : JSLint | JSONLint | JSONPLint

  3. #3
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Vote Rating
    85
    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.

Thread Participants: 2