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
Import Component

Import Component

What is the Import Component?

The import component enables you to use an Import Template you created in the data builder and enable you to import records from the front-end of your app without requiring you to log onto the builder.ย 

Adding Import Componentย 

To add an import component choose the import component and then choose the data table to be used for this calendar.ย 

You must first create import templates in the data builder for it to appear here.ย 

To learn more about adding import templates, please click here.ย 

After adding the component you'll have 2 menu options on the left:ย 

  • Data Source
  • Options

Data Source

In the data source you can choose which import template to use for this import.ย 

Options

In the option you can choose the title to be displayed on top of the Import button on the front-end of your app.ย 

  • Title
  • Description
  • Import Button Text

With these options define what the import component looks like when it first loads.ย 

import-componennt-title-desc-button.jpg

Delimiter

By default the delimiter used will be a comma, you can customize it here or allow your users to choose which delimiter they'll be using for each import.ย 

When enabling a custom delimiter, front-end users will be able to choose which delimiter is being used each time they select a CSV file.

ย 

Record Matching

If the purpose of this import is to find records based on a value and update it, then you can enable record matching. With record matching you can choose a unique field and if a record exists that contains that unique field value, the record will be updated with the new values in the spreadsheet. If it doesn't exist a new record will be created.ย 

Its best to use a unique field for record matching. Something like an Auto Increment or other unique values.ย  When doing record matching, only the first record that matches will be updated. For example, if you have in your CSV a record with ID 1 and in your table you have five records with the ID 1 - only the first record will be matched.ย 

There are 2 options with record matching.ย 

  1. Define the field in the builder
  2. Allow users to choose the record
Define field in the component

Allow users to choose


ย 

Using the import

After adding the import template your users can import records directly with the settings you defined.ย 

import-gif-compressed.gif

How did we do ?

Previous Article
Search Component
Next Article
Data Source
Article Navigation
  • What is the Import Component?
  • Adding Import Component
  • Data Source
  • Options
  • Delimiter
  • Record Matching
  • Define field in the component
  • Allow users to choose
  • Using the import
  • Back to top
    Developer portal Tadabase Community
    API
    100% Operational
    Apps
    100% Operational
    Builder
    100% Operational
    Overall Status
    100% Operational