Password strength bar not working on password element

G

githinji84

Member
Guys,

I am using the password element in my form and I have configured to show password strength but it just shows blank bar in between the password and confirm password element. When I type a password it does not show like a colored bar to show the strength of the password. See attached screen shot.

How do I fix this?

Regards
Simonpassword strength not working.PNG
 
I assume it's your Joomla template.
Which one are you using?
Can you see any JS errors?
 
Hi Troester, Thanks for replying, I really do appreciate it.

I am using Purity III version 1.18. It has proven to be one of the most compatible Joomla templates with Fabrik. Have you seen other people raise this issue using Purity III?

I have used firebug and I can not see any JS errors. I have attached the firebug "All" tab and "Error" tab screen shots. Do you have any ideas.

The URL for this page is http://smeboost.com/index.php/component/fabrik/form/10 it is public so you can access it

Regards
Simon
All tab firebug.PNG Error Tab fire bug.PNG
 
Yup, it seems CSS classes like

.progress-info.progress-striped .bar,.progress-striped .bar-info

are missing in Purity
 
Thanks.

Have you encountered this problem before and do you know where I can get these CSS classes or do I need to create them from scratch myself. Do you have a quick fix?
 
Looks like there isn't an override for it in the bs3 repo. Looks like things like "bar bar-success" need to be changed to ".progress-bar .progress-bar-success"

And unfortunately, those class names are currently hard coded into the password element's JS:

https://github.com/Fabrik/fabrik/blob/master/plugins/fabrik_element/password/password.js#L73

... so it's not quite as simple as just adding one layout, I'll have to turn those individual strength markups into jlayouts.

Working on it.

-- hugh
 
Hugh & Troester,

Thanks a lot I have done a full Github update and now the password strength bar is working. Thanks a lot for the assistance

Have a lovely day

Kind regards
Simon
 
Hi guys,
I noticed that the password's bootstrap class field length is between bootstraps xlarge and xxlarge. So it looks a little awkward on the desktop. Do you have the same issue?
There isn't a BS class option in the password element
 
It works on the desktop (strength bar and BS class).
But when I tested on my Android, the strength bar isn't working yet.
The length of the strength bar is still different from the length of the password field (mobile and desktop)
 
It works on the desktop (strength bar and BS class).
But when I tested on my Android, the strength bar isn't working yet.
Click to expand...

Works for me, on a Nexus 7 running Lollypop, and an HTC 10 running Marshmallow, with whatever versions of Chrome they use.

The length of the strength bar is still different from the length of the password field (mobile and desktop)
Click to expand...

Well, you didn't say anything about putting a class on that, you just mentioned the password fields. But here ya go ...

https://github.com/Fabrik/fabrik/commit/716a0831268cecc8d07167e47e88b539c54e0468

-- hugh
 
That's right, thanks!
Funnily it works on the internet browser but not with chrome on my mobile. So this is probably just a cache thing (don't know if there's a way to reset cache on the mobile chrome)
But yould you please have another look at the strength bar? The length of the background field changes while you type on the desktop and the mobile.
 
Ooops, I keep forgetting that the purity III templates I test on in my main project don't get committed to the alt-layouts repo, I have to go and copy the changes over to a different project.

So you'll need to update your alt layout:

https://github.com/Fabrik/fabrik/commit/e3c7fde60f67e902f1f6eaf5b8c66e122abaaf03

... to pick up the changes to the password and progress bar layouts, and also the main repo, where I made some nore changes to the password element code:

https://github.com/Fabrik/Fabrik-Joomla-alt-layouts/commit/c874961df160644267f2c0bbacee73d5643b0ef8

-- hugh
 
You must log in or register to reply here.

Useful links

  • Create a Fabrik Account (Downloads)
  • Create a Forum Account
  • Fabrik Wiki
  • Fabrik 4 Changelog /Install /Upgrade
    • We are in need of some funding.
    More details.

    Thank you.

    Members online

    Total: 120 (members: 1, guests: 119)
    Back
    Top