p-password not showing password strength indicator

Post Reply
peril
Posts: 3
Joined: 01 May 2021, 00:09

05 Sep 2021, 22:42

When using passowrd component, the feedback line indicator is not displaying in the Freya theme

code examples: https://www.primefaces.org/primeng/showcase/#/password

Try: <p-password [(ngModel)]="value2"></p-password>

The password meter progress bar is missing.

Not sure if this is a Freya issue, but not working in my theme. Everything else displays such as the words "weak", "strong" etc..

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

08 Sep 2021, 13:14

Hi,

I tried but didn't replicate your issue (added ss the below);
Image

Please, make sure that don't override the below classes;
Image

Also, what is your primeng version?

Best regards,
Merve Özçifçi

peril
Posts: 3
Joined: 01 May 2021, 00:09

11 Sep 2021, 22:55

Hmm, i Get this.


Image


I upgraded to the latest version of primeng@11.4.5, doesn;t seem to help.

Sorry a bit of a newbie question but how do i check if the classes are overridden?

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

13 Sep 2021, 14:49

Hi,
You can search classes in your stylesheet or you can use developer tools.

Do you check your theme variable file has the below variables? If not, could you add and try again?

Code: Select all

//password
$passwordMeterBg:$shade300 !default;
$passwordWeakBg:#ea5455 !default;
$passwordMediumBg:#ff9f42 !default;
$passwordStrongBg:#29c76f !default;

Post Reply

Return to “Freya - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests