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.
PrimeNG 'severity' buttons with premium themes?
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Prime
- Posts: 18616
- Joined: 05 Jan 2009, 00:21
- Location: Cybertron
- Contact:
I agree, we'll add support for the next version to map the severities to the color schemes.
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,
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,
-
- Prime
- Posts: 18616
- Joined: 05 Jan 2009, 00:21
- Location: Cybertron
- Contact:
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.
I've upgraded to PrimeNG to 6.1.2 and theme to 6.0 and now my styles doesn't work as should.
CLI setup:
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.
Can you please help?
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"
],
I've checked your demo page and I'm not sure from where this "secondary" style comes.
Can you please help?
-
- Prime
- Posts: 18616
- Joined: 05 Jan 2009, 00:21
- Location: Cybertron
- Contact:
Please attach your button code and a screenshot of the rendered visuals.
What is your Poseidon version?
What is your Poseidon version?
-
- Information
-
Who is online
Users browsing this forum: No registered users and 5 guests