SecurityFramework-ChangePassword

Description

An interface for changing the password for an account.

Controls in the Change Password template
Controls in the Change Password template

This template can be used to create an interface for users to change their password. The password fields include in-control buttons to toggle display of the contents of the field. The component requires the existing user password in order to reset the password.

It's strongly recommended that this component require login and restrict access to only those users who should be able to access the interface to reset their password.

The User Name field is automatically populated with the current logged in user's user name. This component can be used to reset passwords for other users, however it requires that you know the user's existing password in order to change it.

Preview of the Change Password interface
Preview of the Change Password interface

A static text control is included in the template that explains what the UI is for. The control is for information purposes only and can be removed if desired.

Compacting the UI 

If using the Alpha or any Alpha-based web theme with the component, you can check the Use compact theme option in the UX properties. The compact theme reduces the size and margins of the controls, making it ideal for mouse and keyboard interaction.

The SecurityFramework-ChangePassword template defaults to the iOS7 web theme, which does not have a compact variant. You will need to change the component's theme to Alpha or one of the Alpha-based web themes to take advantage of the compact theme. Or, use with your own branded web theme by simply changing the UX component's Style name.

Preview of the Change Password interface using the compact Alpha theme
Preview of the Change Password interface using the compact Alpha theme

Limitations

Requires the Security Framework