PrimeNG 'severity' buttons with premium themes?

Sasha
Posts: 48
Joined: 08 Mar 2017, 23:46

21 Jul 2017, 22:31

Hello,

By default, PrimeNG comes with button severity color options (such as "ui-button-danger") as documented here: https://www.primefaces.org/primeng/#/button
Also by default, all the PrimeNG premium themes come with multiple colored buttons (such as "blue-btn") that are showcased in the live preview pages like here: https://www.primefaces.org/poseidon-ng/#/forms

My question is, what are the expectations (or design guidelines) for using the severity button classes with a premium theme? Shouldn't the default severity buttons work just fine straight out of the box? Do you have any plans or suggestions to map the premium theme color scheme to the severity buttons (for instance, the color for pink-btn used for ui-button-danger)?

I arrived at this question because I noticed that in PoseidonNG, on a button with a severity class, clicking then moving the mouse out of the button causes the button to have the primary color of the color theme.

User avatar
bossqone
Posts: 10
Joined: 24 Aug 2017, 09:01

24 Aug 2017, 09:23

I agree with Sasha, we currently hit the same issue. I think it should work out of box.

Image

cagatay.civici
Prime
Posts: 18104
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

12 Sep 2017, 08:29

I agree, we'll add support for the next version to map the severities to the color schemes.

Sasha
Posts: 48
Joined: 08 Mar 2017, 23:46

13 Sep 2017, 02:14

Thank you, looking forward to it!

Sasha
Posts: 48
Joined: 08 Mar 2017, 23:46

06 Oct 2017, 20:06

Hello, I updated to Poseidon 4.2.0 with PrimeNG 4.2.2. It does not look like this has been addressed yet.

The biggest challenge to using the severity buttons in Poseidon right now is, as bossqone illustrated, the button's background color changes to the primary color on Focus. It looks like all that would need to be done is to add the rules for "ui-button-danger" and other severity buttons with ":enabled:hover" to have a "background-color" rule in the Poseidon _forms.scss style sheet.

Thank you,

cagatay.civici
Prime
Posts: 18104
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

01 Dec 2017, 12:04

We've tried it but took more effort than expected initially, we'll give it another go in next release. As there are many themes, it will take a bit of time to add support for all of them. But Poseidon 5.0 is due next week so we'll work on it.

User avatar
bossqone
Posts: 10
Joined: 24 Aug 2017, 09:01

15 May 2018, 17:08

Version 5.2.0 has same issue.

merve7
Posts: 482
Joined: 12 Sep 2017, 10:44

29 Jun 2018, 09:57

Severity buttons are supported by Poseidon 6.0. Please try the new version.

User avatar
bossqone
Posts: 10
Joined: 24 Aug 2017, 09:01

22 Aug 2018, 09:48

I've upgraded to PrimeNG to 6.1.2 and theme to 6.0 and now my styles doesn't work as should.

Image

CLI setup:

Code: Select all

"styles": [
  "node_modules/font-awesome/css/font-awesome.min.css",
  "node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/primeng.min.css",
  "src/styles/styles.scss"
],
Theme CSS and layout CSS are loaded on runtime (color is picked from configuration file).

I've checked your demo page and I'm not sure from where this "secondary" style comes.
Image

Can you please help?

cagatay.civici
Prime
Posts: 18104
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

22 Aug 2018, 11:29

Please attach your button code and a screenshot of the rendered visuals.

What is your Poseidon version?

Post Reply

Return to “Poseidon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest