Page 1 of 1
Change the style of tagview
Posted: 18 Jan 2018, 15:25
by occiso
I change the style of tabview
Code: Select all
body .ui-tabs.ui-tabs-top .ui-tabs-nav li a {
color: #fff;
font-weight: bold;
background-color: #337ab7;
}
body .ui-tabs.ui-tabs-top .ui-tabs-nav li {
background: #337ab7;
}
body .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-active a {
color: #000;
background: #fff;
}
capture image:
https://imgur.com/KdUfMqX
But the Syle is forever blue ¿How can I adapt the color to the chosen theme??
Re: Change the style of tagview
Posted: 08 Feb 2018, 16:58
by mert.sincan
You need to define custom variable or use variables in *theme.scss file for color/background-color. Then, you need to add the above css code with the defined variable in _data.scss.
Re: Change the style of tagview
Posted: 10 Feb 2018, 12:01
by occiso
¿Could you introduce this behavior in a new version?
The tabs do not look good with the default style.
Re: Change the style of tagview
Posted: 12 Feb 2018, 08:22
by kubrasulukan
Hi,
I define variables based on your post before to change the style of tabs in _theme.scss file. You can use them to change style according to any theme you want. The variables below;
Code: Select all
$panelHeaderBgColor:#337ab7;
$panelHeaderTextColor:#ffffff;
$panelHeaderActiveTextColor:#000000;
$panelHeaderActiveBgColor:#ffffff;
You will use these in which themes' scss file that you want to change. For example, primefaces-avalon-lime layouts' theme.scss file.
Then I wrote these scss codes in _panels.scss file to make it work;
Code: Select all
body {
.ui-tabs {
&.ui-tabs-top {
.ui-tabs-nav {
li {
background: $panelHeaderBgColor;
a {
color: $panelHeaderTextColor;
font-weight: bold;
background-color: $panelHeaderBgColor;
}
&.ui-state-active {
a {
color: $panelHeaderActiveTextColor;
background: $panelHeaderActiveBgColor;
}
}
}
}
}
}
}
Please try it this way.
Best Regards,
Re: Change the style of tagview
Posted: 17 Feb 2018, 01:44
by occiso
I will Try
Thanks !!!
Re: Change the style of tagview
Posted: 20 Feb 2018, 07:48
by kubrasulukan
Glad to hear! Let me know
Regards