Front end displays

All of the following images may display differently upon the user site depending upon the site template and CSS parameters that are in use. They are shown as a guide as to what you may expect to see.

The normal user profile change screen is shown below without the 'Password Generator' feature enabled. [See later in this document for an example screen with the Generator enabled.] When a user is being forced to change their password the '(optional)' immediately after the two password fields will be changed so that an asterisk '*' is shown indicating that the parameter is mandatory.

Figure 3.7. Profile Change screen

Profile Change screen

The initial welcome screen is shown when the user is configured to change their password upon the first visit to the site.

Figure 3.8. Default initial welcome message

Default initial welcome message

If the user is changing their password, either voluntarily or as a consequence of the plugin requiring them to do so, and they attempt to specify a previously used password, then the following display is seen.

Figure 3.9. Password already used default message

Password already used default message

As specified earlier the displays may be different upon the users site due to template of CSS differences.

Figure 3.10. Password strength information text.

Password strength information text.

If the strength indicator is selected to be displayed it is shown as in the figure above. There are currently ten different ratings, and are meant only as a guide.

Figure 3.11. Password errors detected messages

Password errors detected messages display.

The screen above shows error messages displayed when an invalid password , such as 'aaaaaa' is entered. The information is shown immediately preceding the users profile change screen. The actual messages shown will obviously depend upon the errors detected.

Password Generator Screens

The following displays illustrate the screens shown by the Password generator if configured.

Figure 3.12. Modified User Edit Profile Form.

Modified User Edit Profile Form.

The screen above shows the modified Front end User Edit Profile Form with the additional 'Generate Password' button that the user may invoke to view an automatically generated password matching the site defined preferences. Not shown are the front end Users Registration Form and the Back end Users Edit form which display with the button similarly.

The screen below shows the same screen with the options of removing the 'username', 'name' and/or 'email' fields, and also displaying the informational field. The text displayed will be the text as specified in the plugin parameters, and there is no default supplied since it is very dependant upon the individual site specifictions/requirements.

Figure 3.13. Modified User Edit Profile Form (2).

Modified User Edit Profile Form (2).

Release 0.1.6 added the password checking to the Pssword Reset for. This is shown in the image below.

Figure 3.14. Modified User Password Reset Form.

Modified User Password Reset Form.

The above screen is the second screen displayed when a password rest is requested by the user, the first which is not show is unaltered and allows the user to enter their verification code, before the above screen is displayed.

The dialog popup shown as a result of pressing the 'Generate Password' button is illustrated below. This is using the a JQuery-UI theme. Other themes are available..

Figure 3.15. Popup Dialog Password Generator Window.

Popup Dialog Password Generator Window.

The above display shows a sample popup dialog window with sample text and an automatically generated password. The displayed CSS example above is provided by the jQuery 'start' theme. Other themes are available.

For comparison the dialog popup shown when using the 'jQuery.bootstrap' plugin is illustrated below.

Figure 3.16. Alternative Popup Dialog Password Generator Window.

Alternative Popup Dialog Password Generator Window.

Go To Top

Joomla! Debug Console

Session

Profile Information

Memory Usage

Database Queries