You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
By reading the "README.md" we can think that this project want to target the bootstrap framework some how or at less be compatible with it. Unfortunately the plugin works by moving a preset image in the background which forces the kv-score bar to have a fixed size, losing the opportunity to really be responsive.
Fortunately it is very easy to stop using a background image and instead set a background color for the score box avoiding the need to set a width and making the plugin friendly with a responsive design.
This is an example of how i fixed this problem from outside the plugin, without to touch the code, but for sure will be preferable if strength-meter is already prepared to work with percentages and not with a fixed box width.
By reading the "README.md" we can think that this project want to target the bootstrap framework some how or at less be compatible with it. Unfortunately the plugin works by moving a preset image in the background which forces the kv-score bar to have a fixed size, losing the opportunity to really be responsive.
Fortunately it is very easy to stop using a background image and instead set a background color for the score box avoiding the need to set a width and making the plugin friendly with a responsive design.
Please see some ideas of how to implement the background color of the kv-score box, without the usage of an image here:
https://stackoverflow.com/questions/7128675/from-green-to-red-color-depend-on-percentage
Example:
This is an example of how i fixed this problem from outside the plugin, without to touch the code, but for sure will be preferable if strength-meter is already prepared to work with percentages and not with a fixed box width.
https://jsfiddle.net/lestcape/j0exbomq/
The text was updated successfully, but these errors were encountered: