ScreensScreen Components

Login ID Fields

This article will cover the design and behavior configurations of Descope Login ID fields within flow screens. This guide details how these fields within Descope work. Generally, these fields are added by dragging the respective Email, Phone, Email or Phone components under inputs from the left panel into a screen of your Descope flow.

Email

For adding email as Login ID field, you can drag the email component under the input field. This field has extensive design configurations that can be divided into categories: Content, Direction, and Style. Also the behavior tab contains validation related fields that can be used to configure this login field.

email login id example

Phone

In your Descope Flow, phone numbers are accepted as inputs and will be properly formatted. For adding email as Login ID field, you can drag the phone component under the input field. Typically country code is included with Auto-Detection, but this can be turned off if desired. You can style this component as required by formatting or changing the Placeholder value or Label of the field.

More details on this can be found here.

phone login id example

Email or Phone

Descope supports a Email or Phone component that can accept both email or phone as login ID. This component will auto-detect if the entered value is an email or a phone and will change its preview to the relevant login ID type.

The designer tab contains all the Content and Styling relevant to both an email or a phone field. The behavior tab has all the validation checks applicable for both of these fields.

email or phone login id example

Note

Also supported, Custom Login ID input for usernames. Refer to Custom Login ID.

Was this helpful?

On this page