2 Attachment(s)
[CLOSED] Change Tabpanel Header color
How can I change the background color of the active panel in a tabpanel?
in v2.5.3 I got this:
Attachment 23915
.aspx
Code:
<ext:TabPanel
id="tp1"
runat="server"
ActiveIndex="0"
Cls="mtby">
<Items>
<ext:Panel runat="server" Title="PlanTrabajo">
Css File
Code:
.mtby .x-tab-active { background-color: #f5f68f; background-image: none;}
Html generated
Code:
<a style="right: auto; left: 2px; top: 0px; margin: 0px;" class="x-tab x-unselectable x-box-item x-tab-default x-noicon x-tab-noicon x-tab-default-noicon x-top x-tab-top x-tab-default-top x-active x-tab-active x-tab-default-active x-top-active x-tab-top-active x-tab-default-top-active" role="button" hidefocus="on" unselectable="on" tabindex="0" id="tab-1128"><span id="tab-1128-btnWrap" class="x-tab-wrap" unselectable="on"><span id="tab-1128-btnEl" class="x-tab-button"><span id="tab-1128-btnInnerEl" class="x-tab-inner x-tab-inner-center" unselectable="on">PlanTrabajo</span><span role="img" id="tab-1128-btnIconEl" class="x-tab-icon-el " unselectable="on" style=""></span></span></span></a>
But in v3.1 I cannot get the same behaviour:
Attachment 23917
Html generated
Code:
<a style="right: auto; left: 2px; top: 0px; margin: 0px;" componentid="tab-1012"
class="x-tab x-unselectable x-tab-active x-box-item x-tab-default x-top x-tab-top x-tab-default-top x-focus x-tab-focus x-tab-default-focus" hidefocus="on" unselectable="on" id="tab-1012" tabindex="0"><span id="tab-1012-btnWrap" data-ref="btnWrap" role="presentation" unselectable="on" style="" class="x-tab-wrap x-tab-wrap-default "><span id="tab-1012-btnEl" data-ref="btnEl" role="presentation" unselectable="on" style="" class="x-tab-button x-tab-button-default x-tab-text x-tab-button-center "><span id="tab-1012-btnIconEl" data-ref="btnIconEl" role="presentation" unselectable="on" class="x-tab-icon-el x-tab-icon-el-default " style=""></span><span id="tab-1012-btnInnerEl" data-ref="btnInnerEl" unselectable="on" class="x-tab-inner x-tab-inner-default">PlanTrabajo</span></span></span></a>
Thanks for your help.
