InputSwitch loss of onLabel/offLabel for Poseidon theme

Post Reply
Posts: 41
Joined: 08 Mar 2017, 23:46

14 Sep 2018, 02:06


I noticed that with the PrimeNG 6 / Poseidon 6 update, the customizable text label for "on" and "off" states for the InputSwitch component is now gone:

But... this makes the input switch very difficult to use in the Poseidon theme:

Unlike the default theme, which grays out the whole component when it is in a 'false' state and uses the primary color in a 'true' state, in Poseidon, both on and off states use a shade of the primary color, and the minimalized style makes the square "switch" portion look very similar to the rectangular "sliding area" portion.

Without mouse focus, the "off" state looks like almost nothing is there ("white box - white box") ; the "on" state looks like a white narrow rectangle next to a theme-color square. ("white box - color box")
With mouse focus, the "off" state looks like "white box - color box", the "on" state looks like "light color box - dark color box".
Notice that the "on state without mouse focus" and "off state with mouse focus" look almost identical, except for the slight difference in the relative widths of the 2 boxes, and a tiny difference in the shade of the color.

In short, I don't think the inputSwitch as it looks on Poseidon 6.1 provides enough visual clues for our users to use comfortably without confusing the "off" and "on" states.
I would love to hear your plans or suggestions to mitigate this. Thank you!

Posts: 277
Joined: 12 Sep 2017, 10:44

17 Sep 2018, 10:04

Thank you for your feedback. We will consider this feedback.
We will discuss with our design team and make an improvement for the next version. Also, after deciding, we can send you a code to use.

Posts: 41
Joined: 08 Mar 2017, 23:46

17 Sep 2018, 19:07

Thank you, I will wait for your further decisions.

Post Reply

Return to “Poseidon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest