Results 1 to 2 of 2

Thread: Change the color of Tab header

  1. #1
    Sencha User
    Join Date
    Jul 2009
    Vote Rating

    Red face Change the color of Tab header

    Hi Guys,

    I am new to Extjs stuff and it seems really interesting. In here i need to change the colour of my Ext.TabPanel's header. can we use custom css and changed the color? can you guys please help me to solve this?


  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    The Netherlands
    Vote Rating


    The tabpanel header is build from css background images.

    You need to make a copy of the current images and edit them to change the color.

    Next, give your TabPanel a 'cls' and create css rules based on this class name that use your edited background-image instead of the default one.

Similar Threads

  1. Change color of a tab
    By wero in forum Ext GWT: Discussion
    Replies: 0
    Last Post: 8 Jun 2010, 8:29 AM
  2. change Tab color
    By k_davidam in forum Ext 2.x: Help & Discussion
    Replies: 11
    Last Post: 18 Sep 2009, 11:04 AM
  3. Tab Header Background Color
    By thenewmexican in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 18 Aug 2009, 6:45 PM
  4. change the header color for a grid
    By emmadi in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 16 Dec 2008, 8:50 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts