Password Requirements

Mendix custom widget for displaying evaluations of password requirements

Password Requirements is a Mendix widget created by E-mergo. Use this widget to display evaluations of selected password requirements. The widget supports RTL layouts.

This widget is hosted on GitHub. You can report bugs and discuss features on the issues page.

This widget is created free of charge for Mendix developers, personal or professional. E-mergo developers aim to maintain the functionality of this widget with each new release of Mendix. However, this product does not ship with any warranty of support. If you require any updates to the widget or would like to request additional features, please inquire for E-mergo's commercial plans for supporting your widget needs at support@e-mergo.nl.

Below is a detailed description of the available features of this widget.

Select the attribute which holds the password input. The attribute's value is evaluated for each of the password requirements. Password requirements are evaluated as soon as the user input is updated in the password attribute. Use the input widget's "While user is entering data" events setting to apply changes and evaluations instantly.

Set the requirements of the password to mimic the security setup. The widget cannot interpret the system's password policy, therefore the requirements need to be set manually. Requirements that can be set are 1) Minimum length, 2) Require digit, 3) Require mixed case and 4) Require symbol.

Set the icons used for showing when a requirement is satisfied and when it is not satisfied.

Optionally store the result of requirements evaluation in an attribute. The attribute must be writable. Note that the evaluation is made in the client, which is inherently not secure. Always apply password requirement checks on the server as well.

Set the visibility of the password requirements like any other widget.

To support multiple languages, the text in the widget can be changed and translated. Editable captions include 1) Heading, 2) Minimum length, 3) Require digit, 4) Require lowercase, 5) Require uppercase and 6) Require symbol.

Follow these steps to add the widget to your Mendix project:

1. Download the Widget from the Mendix Marketplace in Studio Pro.
2. Insert the Widget in a page that handles password registration.
3. Configure the Widget.
4. Run the app and see the password requirements being evaluated when typing a new password.

The widget is configured with custom styling. The widget can be styled through CSS in your project's theme styles.

• 'password-requirements' is the class name of the widget.
• 'all-satisfied' or 'not-all-satisfied' is the class name of the widget when all requirements are evaluated.
• 'requirements-heading' is the class name of the heading text.
• 'requirement-item' is the class name of a single requirement.
• 'requirement-icon' is the class name of the icon of a single requirement.
• 'requirement-label' is the class name of the label of a single requirement.
• 'is-satisfied' or 'not-satisfied' is the class name of an evaluated single requirement.

The widget is configured with custom css properties defined on the 'password-requirements' class.

• '--not-satisfied-color' contains the text color for one requirement or all requirements that are not satisfied.
• '--satisfied-color' contains the text color for one requirement or all requirements that are satisfied.

E-mergo provides paid support through standard support contracts. For other scenarios, you can post your bugs or questions in the widget's GitHub repository.

Requests for additional features can be posted in the widget's GitHub repository. Depending on your own code samples and the availability of E-mergo developers your request may be considered and included.

Initial release.