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..
p-password not showing password strength indicator
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.
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?
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;
-
- Posts: 1
- Joined: 03 May 2023, 21:21
use this.
:host ::ng-deep .p-password input {
width: 15rem;
}
:host ::ng-deep .p-password-panel .p-password-meter .p-password-strength.weak {
background: #D32F2F;
}
:host ::ng-deep .p-password-panel .p-password-meter .p-password-strength.medium {
background: #FBC02D;
}
:host ::ng-deep .p-password-panel .p-password-meter .p-password-strength.strong {
background: #689F38;
}
:host ::ng-deep .p-password input {
width: 15rem;
}
:host ::ng-deep .p-password-panel .p-password-meter .p-password-strength.weak {
background: #D32F2F;
}
:host ::ng-deep .p-password-panel .p-password-meter .p-password-strength.medium {
background: #FBC02D;
}
:host ::ng-deep .p-password-panel .p-password-meter .p-password-strength.strong {
background: #689F38;
}
-
- Information
-
Who is online
Users browsing this forum: No registered users and 10 guests