How to Create a Login-Protected Page

Watch

Goal

Use this guide when you want to restrict access to a page so that only authenticated users can view it. For example, creating a Customer Portal where customers must log in to view their orders, or an Employee Dashboard where staff access internal tools and resources.

Prerequisites

• You must have access to the Builder to create and configure pages
• For role-based access, you must have at least one User Role table set up in your app

Step-by-Step Instructions

Creating a New Protected Page

1. Navigate to the Pages section in the Builder.

2. Click the Page button or the pink + button to open the Add Page dialog.

3. In the Page Name field, enter a descriptive name for your page (e.g., "Customer Dashboard" or "Employee Portal").

4. Toggle the Protect page switch to ON. You'll see the description "Require a login to access this page."

5. Additional configuration options will appear. Configure the following:

   Registration Settings:

   • In the "Can new users register to access this page?" section, choose one of three options:
     • No (default): Prevents new user registration; you must manually add users
     • Yes: Allows new users to register and immediately access the page
     • Yes, pending approval: Allows registration but requires administrator approval before access is granted

   Access Control:

   • In the "Which logged-in users can access this page?" section, choose:
     • All logged-in users (default): Any authenticated user can access the page
     • Specific user roles only: Only users assigned to selected roles can access the page
   • If you selected "Specific user roles only," select which role(s) should have access

6. Click Add Page to create your protected page.

7. Add elements to your page by clicking Add Element and selecting the forms, tables, or other components you want to display.

8. Click Preview in the top-right corner to test your page in the Live App.

Adding Protection to an Existing Page

If you have an existing page that you want to protect:

1. In the Pages section, hover over the page name you want to protect.

2. Click the ellipses (...) that appear to the right of the page name.

3. Select Protect Page with Login from the dropdown menu.

4. A modal will appear with the same protection settings as creating a new protected page.

5. Configure the registration and access control settings as described above.

6. Click Save to apply protection to the existing page.

Viewing Access Settings

To check the current access settings for any page:

1. Click on the page name in the Pages panel.

2. Click the Access tab in the page settings panel.

3. For unprotected pages, you'll see "This page is publicly accessible."

4. For protected pages, you'll see the current login and role restrictions.

Result

Your page is now protected by login authentication. Users must log in with valid credentials to access the page. If you configured role-based access, only users with the specified roles will be able to view the page after logging in. The page will display a lock icon in the Pages panel, and all child pages underneath it will automatically inherit the same protection.