PrimeNG 'severity' buttons with premium themes?

Forum rules
Please note that response time for technical support is within 3-5 business days.
User avatar
bossqone
Posts: 10
Joined: 24 Aug 2017, 09:01

22 Aug 2018, 12:18

cagatay.civici wrote:
22 Aug 2018, 11:29
Please attach your button code and a screenshot of the rendered visuals.

What is your Poseidon version?

Code: Select all

<button pButton
        type="reset"
        label="Reset"
        class="ui-button-secondary qa_filter_reset_button"
        icon="fa fa-remove"></button>
Visual (apply -> primary, reset -> secondary):
Image

PrimeNG version: 6.1.2
Poseidon version: 6.0

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

24 Aug 2018, 13:47

I have forwarded it to my teammate to have a look on monday. Thank you.

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

28 Aug 2018, 13:24

any update?

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

10 Sep 2018, 09:10

All themes updated. You can use severity buttons with the new version(Poseidon 6.1.0).

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

10 Sep 2018, 09:23

I've just updated to 6.1.0 and it doesn't work.
It doesn't work on your demo site as well https://www.primefaces.org/poseidon-ng/#/forms.

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

12 Sep 2018, 09:33

So sorry for this confusion. We fixed for next release but you can add the below code in your stylesheet until release;

Code: Select all

    .ui-button.ui-state-default.ui-button-secondary  {
        background-color: #f4f4f4;
        border-color: #f4f4f4;
        color: #333333;

        &:enabled:hover {
            border-color: darken(#f4f4f4,5%);
            background-color: darken(#f4f4f4,5%);
        }

        &:enabled:focus {
            border-color: lighten(#f4f4f4,5%);
            outline: 0 none;
            background-color: lighten(#f4f4f4,5%);
        }

        &:enabled:active {
            border-color: darken(#f4f4f4,10%);
            background-color: darken(#f4f4f4,10%);
        }
     }

Post Reply

Return to “Poseidon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests