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

    ๐Ÿ“—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
Profile

Profile

What is a Profile Component?

Aย Profile component is a System Component that, when added to a page or layout, creates a form for users to view and update their user-related information on the live app.

profile.png

By default, the profile component form includes the name and email address of the logged-in user, however you can customize the profile form to include other logged-in user fields as well, as illustrated in the image above.ย 

Users can use the profile component form to update their user-related details, and upon form submission the updates values are saved to the corresponding record in the Default Users data table in the Data Builder.

As the profile system component contains logged-in user data, a user that is not logged in to your app will be unable to see this component.

Default profile page

For your convenience, each app comes with a built-in default profile page that already includes a profile component. This default profile page can be found at the top of your app's list of layouts and pagesย with the other two default pages, theย default login page and the default signup page.

2022-01-29_00-26-32.png

Default profile, login, and signup pages are similar to regular pages except that they were built-in to each app for your convenience to save you the time of having to create these basic pages from scratch. These default pages can not be deleted, however they can be edited and customized to your specific needs. Additionally, you can create new login, sign up, and profile pages by adding login, profile, and signup components to any page.ย ย 

You can enable users to access the default profile page with either one of two ways:

  1. Add a User Menu system component to your app
  2. Add a Menu system component to your app

Let's discuss these two methods of enabling users to access the default profile page.

Via the user menu

You can add a User Menu system component to your app to enable users to access the default profile page. When users click on their names on the user menu they will be routed to the default profile page where they can view and update their user-related information. The user menu is dynamic to the logged-in user status and users will only be able to see their names on the user menu when they are logged-in to your app.

user-menu1.png

Please click here to learn more about the User Menu system component.ย 

ย 

Via a menu

Additionally, you can enable users to access the default profile page by adding a link to the default profile page to a menu system component. This method is very similar to adding a user menu to your app, and you can browse the user menu system component and the menu system component articles to determine which method better suits your app needs.

Please click here to learn more about the menu system component.ย 

The default profile page is secured by default and there is no way to remove the permissions from this page.

ย 

Adding profile components

Additionally, you can create a new profile page by adding a profile component to the page/layout.

To add a profile component to a page or layout, you can add it within an existing column, similarly to how you would add any other component.ย You can then select the profile component from the list of System Components and it will be added to your selected column.

2022-01-29_00-29-40.png

ย 

Customizing profile components

To customize a profile component, click on the component within its column on the page/layout in the Page Builder.ย 

As the Profile component is essentially a form component with the specific function of enabling users to view and update their user-related information on the live app, you can customize Profile components similarly to how you would customize any other form component. Please see the article on form components to learn how to customize form components including the profile component form.ย 

Securing fields

You can secure specific fields in the profile component to only be visible by specific user roles.

For instance, if you would like employees to be able to view and update their date of birth but not customers, you can secure the date of birth field to only be visible to the employee user role within the profile component.ย 

To secure fields in the profile component by user role, double click on the profile component, you can then secure the specific field to only be visible by a specific user role(s) by changing the Who can view this field? setting from All Users to Only Users in Specific Roles and selecting the role(s) who can view this field within the profile component.ย 

2022-01-29_00-33-27.png

How did we do ?

Previous Article
Signup
Next Article
HTML
Article Navigation
  • What is a Profile Component?
  • Default profile page
  • Via the user menu
  • Via a menu
  • Adding profile components
  • Customizing profile components
  • Securing fields
  • Back to top
    Developer portal Tadabase Community
    API
    100% Operational
    Apps
    100% Operational
    Builder
    100% Operational
    Overall Status
    100% Operational