Password Edit Widget

Definition

The Password Edit Widget allows the user to update his/her password from the user portal.

The widget can also be used for password initialization (in which case the old password is not required).

This Widget displays a set of form entries used for completion:

the old password (optional)
the new password
a confirmation of the new password (optional)

Tips

To access the Password Edit Widget, you must configure the Widget on a feature with an object kind set to IDENTITY and the operation needs the type set to CHANGE_PASSWORD.

For an optimal use of this Widget, prefer to configure it in a dedicated feature (of type UI_FOR_OBJECT or UPDATE) or in a Widget To Open (avoid search Feature).

The following configuration can be added in a Text Input Edit Widget to return the same display.

Configuration

Properties

Property name	Type	Mandatory	Description	Values (default value in bold)
displayClearTextBox	`Boolean`	NO	Used to define to display or not the password in visible text.	true, false
displayStrengthIndicator	`Boolean`	NO	Used to define to display or not the strength indicator below the password field.	true, false
requiresConfirmationPassword	`Boolean`	NO	Used to define if the confirmation of the new password is required or not.	true, false
requiresOldPassword	`Boolean`	NO	Used to define if the old password is required or not.	true, false
style	`String`	NO	Used to define the style of the widget.	MODAL, INLINE

Example

Code Password Edit

Code Text Input Edit Widget

CODE

<widget id="password" xsi:type="ctdbum:AttributeEditorWidgetType">
	<hidden>false</hidden>
    <config>
    	<editor>
        	<editWidget xsi:type="ctdbum:PasswordEditWidgetType">
            	<hidden>false</hidden>
                <config>
                    <displayClearTextBox>true</displayClearTextBox>
					<displayStrengthIndicator>true</displayStrengthIndicator>
					<requiresConfirmationPassword>true</requiresConfirmationPassword>
					<requiresOldPassword>true</requiresOldPassword>
					<style>MODAL</style>
				</config>
			</editWidget>
		</editor>
		<label></label>
		<lockedInUi>false</lockedInUi>
		<mode>READ_WRITE</mode>
		<multiValued>false</multiValued>
		<override>true</override>
	</config>
	<attributeId>password</attributeId>
</widget>

CODE

<widget id="password" xsi:type="ctdbum:AttributeEditorWidgetType">
	<hidden>false</hidden>
    <config>
    	<editor>
        	<editWidget xsi:type="ctdbum:TextInputEditWidgetType">
            	<hidden>false</hidden>
                <config>
                    <displayClearTextBox>true</displayClearTextBox>
					<displayStrengthIndicator>true</displayStrengthIndicator>
					<requiresConfirmationPassword>true</requiresConfirmationPassword>
					<requiresOldPassword>true</requiresOldPassword>
					<style>MODAL</style>
				</config>
			</editWidget>
		</editor>
		<label></label>
		<lockedInUi>false</lockedInUi>
		<mode>READ_WRITE</mode>
		<multiValued>false</multiValued>
		<override>true</override>
	</config>
	<attributeId>password</attributeId>
</widget>

Tips

Configuration

Properties

Example

Read Next