Logo
For example "scheduled tasks"
Search
Info
Content
Category Navigation
  • πŸ“–  Manual

  • πŸ‘‹Welcome

    Welcome to Tadabase

    What Is No-Code?

    Tadabase Support

    Getting Started With Tadabase

    Platform Overview

    🧰The Data Builder

    Data Tables

    Fields

    Text Fields

    Personal Fields

    Number Fields

    Date Fields

    Option Fields

    File and Image Fields

    Equation Fields (Category)

    Equation Fields

    Connection Fields

    Date Equation Examples

    Records

    Record Logs

    Import Templates

    Export Templates

    Automating Tasks

    Number Equation Examples

    Text Equation Examples

    Multi-Function Equation Examples

    ✏️Page Builder

    Page Builder Overview

    Layouts

    Pages

    Components Overview

    PDF Pages (Alpha)

    PDF Pages 2.0

    πŸ“—System Components

    System Components Overview

    Menu

    User Menu

    Breadcrumbs

    PDF Print (Alpha)

    Link Button

    Login

    Signup

    Profile

    HTML

    Image

    Subscriptions (Alpha)

    πŸ“˜Data Components

    Data Components Overview

    Form Component

    Table Component

    List Component

    Kanban Component

    Calendar Component

    Resource Component

    Map Component

    Timeline Component

    Accordion Component

    Card Component

    Chart Component

    Search Component

    Import Component

    Data Source

    Data Source Filtering

    Links

    Display Rules

    Inline Editing

    Data Component Visual Directory

    Custom Component

    Custom Component Helpers

    Writing Your Own Component Helpers

    πŸ™‹Users

    Users

    Roles

    Single Sign On (SSO)

    Adding Stripe Subscriptions

    πŸ”’Security and Reliability

    Tadabase Builder Security

    App Security

    User Security

    πŸ”—Integrations

    Zapier Integration

    Using Webhooks

    Saving files to Dropbox

    Adding PayPal payment buttons to your app

    Exporting records to Google Sheets

    Viewing data in Microsoft BI

    Chat Widgets

    REST API

    Using SendGrid for emails

    Saving files to AWS S3 Bucket (IAM Method)

    Incoming Webhooks

    Embeddable Components

    Saving Files to Custom S3 Bucket (Account Method, Recommended)

    PDF Forms

    Stripe Checkout

    JavaScript Callbacks and Actions

    Twilio Integration

    βš™App Settings

    General Settings

    Layout & Format Settings

    Custom Domain

    Customizing CSS

    Changing app themes

    Support Settings

    404 Error Page

    πŸ’³Account

    Plans

    Managing Your Account

    Sharing your app builder

    Managing your Apps

    🧩Pipes

    Introduction to Pipes

    Adding Pipes

    Using Pipes

    PDF Gen V2

Categories
πŸ“– Manual
πŸ“— System Components
User Menu

User Menu

What is a User Menu?

The User Menu componentΒ is a System Component that, when added to aΒ pageΒ orΒ layout, adds a navigation menu bar with Special Links that route users to accomplish user-related functions including Login, Logout, Profile, and Sign Up.

GEfuser-menu.png

Special links include links to user-related functions including Login, Logout, Profile, and Sign Up. These links are "special" because they are dynamic to the user's logged-in status, meaning the links to Login, Logout, Profile, and Sign Up show or hide on a user menu based on whether or not the user is logged in to your app.Β 

In this way, user menus are dynamic to the logged-in status of your users.

For instance, if the user is not logged in, the user menu will display a Login link and Sign Up link.Β 

user-menu-not-logged-in.png

If the user is logged in, the user menu will display a Logout Link as well as a Profile Link displayed as the user's name. When logged in users click on their names, they will be routed to their individual profile pages.Β 

logged-in-user-menu.png

For instance, if logged in user, Jason Anderson, clicks on his name on the user menu he will be routed to the default profile page where he can update his profile information.

sample-profile.png

Click here to learn more about customizing the profile system component within the profile page.

Β 

Adding User Menus

You can add a user menu component to a page or layout by adding it within an existing column, similarly to how you would add any other component.

Depending on the row/column in which you add the user menu component is where the user menu will display on your live app. For instance, if in a layout you add a user menu component within the right column of a 2-column row that has a breadcrumbs system component within the left column, and above this row is a row/column with a menu system component, this layout will appear as such in the Page Builder:

2022-01-28_22-34-36.png

And will display as such on your live app when the page assigned to this layout loads within the page container.

HsOuser-menu-live-app.png

Whichever column you choose to add a user menu component, once you select the column you can then add the user menu by selecting it from the list of System Components.

RpD2022-01-27_22-52-19.png

A new window will pop up prompting you to configure your user menu with two settings.Β 

2022-01-28_22-45-32.png

Show registration/signup link

The registration/sign up link is set to be shown on the user menu when users are not logged in. Meaning, by default, when users are not logged in to your app they will see a Sign Up special link on the user menu.

2022-01-28_22-47-43.png

You can choose to change this setting to "No" if you wish to remove the Sign Up special link from the user menu regardless of whether the user is logged in or logged out.

Logout redirect rules

You can add custom role-based rules to your user menu to automatically route specific users to specific pages when they click on the Logout special link on the user menu. You can add multiple Logout Redirect Rules to custom-route multiple user roles to specific pages upon logout. To add a new Logout Redirect Rule, click on the +Add New Redirect Rule button.

You can then create your custom role-based logout routing rule. For instance, if the user's role is "Team Member" then redirect the user to the Login page upon logout/clicking on the Logout special link on the user menu.

Β 

Β 

How did we do ?

Previous Article
Menu
Next Article
Breadcrumbs
Article Navigation
  • What is a User Menu?
  • Adding User Menus
  • Show registration/signup link
  • Logout redirect rules
  • Back to top
    API
    100% Operational
    Apps
    100% Operational
    Builder
    100% Operational
    Overall Status
    100% Operational