Usage Scenario: User Signs In to the Application

On the login screen of the application, the user enters his/her e-mail and password and clicks on the “Login” button. With this action, the system validates the user's information and after successful login, the user gets access to the application.

Adding Sign In Action to Login Form

1. Log in to the Kuika platform.
2. Open the project you will work on from the Apps screen.
3. Switch to the UI Design module.
4. Drag and drop a Form and two Text Inputs (one for e-mail and one for password) from the Elements panel on the left side.
5. Add a Button under the Form and write “Login” in the Label.
6. Select this button and open the + ADD ACTION menu from the Properties panel on the right sidebar.
7. Select OnClick → Authorization → Sign In action.

Configuring the Sign In Action

In the action configuration window that opens, define the following fields:

• Username: formData.email
• Password: formData.password

Then click the SAVE button to complete the action.

What can be done after login (Optional)

If navigation is desired after the user logs in, the following can be added as a second action just below the Sign In action:

• +ADD ACTION → Navigation → Navigate
  
  • To Screen: The main screen of the application (for example: “Dashboard”)
  • Open As: Current Page
  • This way, the user is redirected directly to the app home page after logging in.

With this scenario, users can securely log in to the app and access personalized content.