p:timeline groupStyle for dim / dark mode

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
raho
Posts: 27
Joined: 05 Feb 2016, 21:08

08 Nov 2021, 11:58

How can i change the groupStyle attribute for the Timeline component depending on layout mode dim / dark / light?
PF 12.0.4
WildFly 23.0.2.Final

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

15 Dec 2021, 10:53

Hi,

Which version are you using? The component isn't styled in Dim or Dark mode? Do you want to add custom styles?

raho
Posts: 27
Joined: 05 Feb 2016, 21:08

04 Jan 2022, 12:02

I am using Primefaces 10.0.0

Default (without groupStyle attribute) color for vis-label is defined as:

Code: Select all

.vis-label {
    color: #4d4d4d;
}
I am using timeline with:

Code: Select all

groupStyle="color: #707070"
which is suitable for light, dark, dim mode in Rain Theme.
PF 12.0.4
WildFly 23.0.2.Final

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

05 Jan 2022, 10:00

Thanks a lot for the update! Maybe, you can write a condition using #{guestPreferences.darkMode} like in our sample project.

Best Regards,

raho
Posts: 27
Joined: 05 Feb 2016, 21:08

05 Jan 2022, 11:49

Thanks for your hint - works now as expected!
PF 12.0.4
WildFly 23.0.2.Final

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

05 Jan 2022, 12:09

Glad to hear, thanks a lot for the update!

Best Regards,

Post Reply

Return to “Rain - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests