Hi

How can I change the color of tabbed panel (tabpage)?

Tks

asked 16 Feb, 11:32

Ricardo's gravatar image

Ricardo
11226
accept rate: 0%


Hi Ricardo,

I guess you're trying to change the color of tab itself instead of the background color of the page. Am I right?

If that's it, you can do it by adding a custom CSS rule to your application like:

#YOUR_TABBED_PANEL_NAME .x-tab-strip-top .x-tab-strip-active .x-tab-right,  .x-tab-strip-top .x-tab-strip-active .x-tab-left,  .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner, .x-tab-strip-bottom .x-tab-strip-active .x-tab-right,  .x-tab-strip-bottom .x-tab-strip-active .x-tab-left,  .x-tab-strip-bottom .x-tab-strip-active .x-tab-strip-inner, .x-tab-strip-left .x-tab-strip-active .x-tab-right,  .x-tab-strip-left .x-tab-strip-active .x-tab-left,  .x-tab-strip-left .x-tab-strip-active .x-tab-strip-inner, .x-tab-strip-right .x-tab-strip-active .x-tab-right,  .x-tab-strip-right .x-tab-strip-active .x-tab-left,  .x-tab-strip-right .x-tab-strip-active .x-tab-strip-inner, .x-tab-panel-header, .x-tab-panel-footer {
    background : YOUR_COLOR_VALUE;
}

Kind Regards,

link

answered 26 Mar, 08:09

Serdar's gravatar image

Serdar ♦♦
100k4
accept rate: 13%

Hi Serdar,

Thank you for your reply but unfortunately I dont know how to do that. Where I put the file with these informations? I have changed the applications properties I have a panel with tabbed called mainTab, so I have to replace #YOUR_TABBED_PANEL_NAME to #mainTab ?

Thanks you so much Ricardo

link

answered 30 Mar, 09:27

Ricardo's gravatar image

Ricardo
11226
accept rate: 0%

Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Tags:

×15
×4

Asked: 16 Feb, 11:32

Seen: 513 times

Last updated: 30 Mar, 09:27


© Copyright Gerger 2017