Application Builder - Login element

The login element allows users to access your application with secure credentials.

Let’s look at how to set up login functionality in your application using the login element. This element lets you build and handle user accounts right inside the Application Builder.

Overview

The login element is an important component for securing your application. To enable user authentication, you’ll need to choose a user source. This provides information needed to recognize and validate users attempting to log in.

Add and configure login elements

To add a login element, access the elements panel and select Login.

Once added, place the element wherever you want it on the page. Don’t worry if it’s not perfectly positioned at first; you can always move it later.

Learn more about how to add and remove an element from a page.

Now, you’ll customize the login’s behavior and appearance by configuring its properties. This involves settings related to login style.

Choose a user source to use the login element

To configure the login element, you’ll first need to choose the source of your user data. This determines where the application will verify user credentials during the login process.

The user source is essentially how your application identifies and verifies users. It establishes the foundation for secure login functionality.

Adding a user source allows the application to recognize and authenticate users effectively. By adding a user source, you define how users will authenticate themselves within the application. This typically involves configuring settings related to username and password verification.

Learn more about how to add or configure a user source.

Once you’ve chosen the user source, you can establish a secure connection and enable user authentication using the chosen method.

Using email and password for login

Baserow’s password field type provides a secure way to manage user credentials within your application. This functionality allows you to:

• Set unique passwords for each user record.
• Store passwords securely within your Baserow database.
• Create new rows containing password data.

By configuring a user source that leverages email and password login, users can authenticate themselves using their existing credentials. This streamlines the login process and enhances application security.

Learn more about the password field type.

What happens after login?

Once a user successfully logs in with a valid username and password, you can set the visibility of each element in your application according to a user’s authentication status.

You can add a logout action. This can be set up as a button element, with the ‘On click’ event configured to trigger a ‘Logout’.

Clicking the logout button will end the user’s session and return them to the login screen.