Oct 25, 2017, 9:26 AM
[CLOSED] Panel Header CLS
Hello,
I want to set a CLS class for panels to set font-size and color. I used this css class :.x-tab-inner-default but this apply to all panels. I want to use it in specific panels so if I use the Cls property of the panel and modify the style tag like this:" .Panels .x-tab-inner-default" it doesn't work. Please you can review the example below:
Thank you
I want to set a CLS class for panels to set font-size and color. I used this css class :.x-tab-inner-default but this apply to all panels. I want to use it in specific panels so if I use the Cls property of the panel and modify the style tag like this:" .Panels .x-tab-inner-default" it doesn't work. Please you can review the example below:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
/* this work for all tabs */
.x-tab-inner-default {
color: #333;
font-size: medium;
}
/* this is not working
.Panels .x-tab-inner-default {
color: #333;
font-size: medium;
}
*/
</style>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager runat="server" ID="ResourceManager1" >
</ext:ResourceManager>
<ext:Viewport runat="server" ID="VP1" RTL="true" Layout="BorderLayout" >
<Items>
<ext:TabPanel runat="server" Region="Center">
<Items>
<ext:Panel runat="server" Title='Tab1' Cls="Panels"/>
<ext:Panel runat="server" Title='Tab2'>
</ext:Panel>
<ext:Panel runat="server" Title='Tab3'>
</ext:Panel>
<ext:Panel runat="server" Title='Tab4'>
</ext:Panel>
<ext:Panel runat="server" Title='Tab5'>
</ext:Panel>
<ext:Panel runat="server" Title='Tab6' Cls="Panels">
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Thank you
Last edited by fabricio.murta; Dec 26, 2017 at 2:55 PM.
Reason: no feedback from the user in 7+ days