1. #1
    Sencha User
    Join Date
    Jul 2009
    Posts
    7
    Vote Rating
    0
    kelumt is on a distinguished road

      0  

    Red face Change the color of Tab header

    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?

    Thanks
    Keth

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    97
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    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

Thread Participants: 1