Sign-In Button

Last modified: November 4, 2025

The sign-in button widget is a Dojo widget.

This widget is not supported on native mobile pages.

This widget is not supported in the React client.

Upgrade it to the normal input and action widgets as shown in the Atlas login page template. See the Mendix React Client's Migration Guide for more information.

If you switch to the React client, the widget will not appear in the Toolbox.

The Dojo client is deprecated and will be removed in Mendix 12. It continues receiving security and stability updates until the end of support of Mendix 11.24.

Introduction

The Sign-in button sends a user's login ID and password to the server for authentication:

Any errors are displayed in a validation message widget or in a pop-up window.

The Sign-in button should be placed on a page together with a Login ID text box and a Password text box.

Properties

An example of sign-in button properties is represented in the image below:

Sign-in button properties consist of the following sections:

Common
Design Properties
General
Visibility

Common Section

For more information on properties in this section, see the Common Section section in Properties Common in the Page Editor.

Design Properties Section

The Design Properties allow you to change spacing and alignment of the widget and hide it on phone, tablet, or desktop, if needed. Design properties may vary depending on the type of the widget. For example, for the text widget you can change its font weight, color, alignment, and letter case.

General Section

Most properties of a sign-in button are the same as properties of buttons. For more information on button properties in the General section, see the General Section in Button Properties.

Validation message widget is a specific property of a sign-in button. It defines the Validation message widget that displays authentication failure messages on a page. If no widget is selected in this property, authentication failure messages will be displayed in a pop-up window:

Default: None

Visibility Section

Visibility determines whether a widget is displayed to the end-user as part of the page.

For more information on properties of this section, see the Visibility Section section in Properties Common in the Page Editor.