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
📘 Data Components
Timeline Component

Timeline Component

What is the timeline component?

The timeline component enables you to view records in a vertical timeline view in the order you choose. 

 

 

Adding Timeline

To add a Timeline choose the Timeline component and then choose the data table to be used for this Timeline. 

Once you've chosen the table, you can choose Quick Add which will add the Timeline with some default settings. Alternatively, you can choose Customize to configure all the settings manually. 

Choosing QuickAdd is simply a shortcut, you can always go right back into the component to make any changes necessary. 

 

Inside the Timeline component you'll see have some standard options available in other components, as well as unique settings only available in the Timeline component. 

  1. Data Source
  2. Fields
  3. Links
  4. Options
Data Source
The Data Source tab is where you can filter which records will be displayed in this component with some 'server-side' filtering. Since this is universal to all components you can view it as its own article here. Learn more about Data Source.
Fields
In the fields tab you can choose how to format each Timeline item and which fields to display. All the settings here will be applied to a each and every record in the Timeline. For example, in the illustration below you can see the settings vs how it will appear in your app: 
Timeline-field.jpg

 

As part of the customization for each record you can add: 

  • Rows
  • Columns
  • Fields
  • Custom HTML

This works similarly to how rows and columns work in the page builder where Rows are the top level, columns are inside of rows and the fields are placed into a column. Using custom HTML you can further create very dynamic display of your data using raw values in the HTML component. 

To add fields, simply select the field you wish to add from the left-hand side: 

adding-fields-in-kanban.jpg

 

Timeline Field

To determine which field will be used for the timeline, choose the timeline field inside fields tab. 

The timeline field is the field that will be displayed along each timeline record. 

 

timeline-field-Option.jpg

 

Links

In the links tab you can create links to details, edit and other connected records.

Since this is universal to all components you can view it as its own article here. Learn more about Links here.

 

Options

In the options you can set the record limit as well as what to display where there are no records to be displayed. 

How did we do ?

Previous Article
Map Component
Next Article
Accordion Component
Article Navigation
  • What is the timeline component?
  • Adding Timeline
  • Timeline Field
  • Links
  • Options
  • Back to top
    Developer portal Tadabase Community
    API
    100% Operational
    Apps
    100% Operational
    Builder
    100% Operational
    Overall Status
    100% Operational