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
🧰 The Data Builder
Text Fields

Text Fields

The Text type category includes the four field types pictured below. These field types are primarily text-based fields. 

2022-01-17_13-35-43.png

This article will define each of the four text field types.

Text

Text fields are basic field types that stores basic text. Text fields can be used to add any basic text, such as "Job Name" or "Product Name", or any common, basic text. 

Non-common or non-basic text fields, such as a person's name, email, or address, would not be added as text fields but rather as other basic field types defined later on in this article, including the person name field, email field, and address field. 

Sample Text Field:

2022-01-17_23-36-40.png

The GIF below illustrates how text fields are displayed in a form as well as in a table component once the form is saved.

text-field-type-gif.gif

The default text field 

Every new data table comes with a default text field if no other fields are defined prior to creating your data table. For instance, a new Orders data table with no added fields will be created with a default text field titled "Order Name". A new Jobs data table with no added fields will be created with a default text field titled "Job Name", etc. You can delete the default text field once you add at least one new field to your data table, or you can keep the default text field within your data table.

Creating a new text field

To add a new text field to your data table, click on the text type category on the Add Field menu and select the text field type from the drop-down list.

2022-01-17_23-38-01.png

When adding a new text field, there are several settings you can customize such as those highlighted in the image below.

2022-01-17_23-39-04.png

  1. Name- this is where you can title your text field. For instance, "Project Name" or "Task".

  2. Description- this is where you can provide an optional description of this field for your own reference.

  3. Max Length Type- choose between Small or Medium length type. Regardless of this setting, the default maximum text length is 255 characters.

  4. Unique- this is where you can enable whether each text value must be unique from other records' text values.

  5. Placeholder-this is where you can enter placeholder text to automatically populate within the text field's box when a form loads. Placeholders will appear as a grey text and can be useful for providing instructions, such as "Please enter text here." When a user begins to type within the field box, the placeholder text will disappear and be overwritten. 

  6. Default Form Value- this is where you can enter a default text value that will automatically populate within the text field's box when a form loads. If the user does not edit or remove the text, the default form value text will be saved. 

Long Text

Long Text fields are basic field types designed to hold larger amounts of text. Long text fields are often used for adding descriptions or instructions.

Sample Long Text Field:

2022-01-17_23-44-11.png

The GIF below illustrates how long text fields are displayed in a form as well as in a table component once the form is saved.

ezgif-long-text-gif.gif

As you can see in the image below, the table component displays the long text field titled Task Instructions.

sample-long-text-field-table.png

Creating a long text field

To add a new long text field to your data table, click on the text type category on the Add Field menu and select the long text field type from the drop-down list.

2022-01-17_23-47-13.png

When creating a new long text field, there are several settings you can customize such as those highlighted in the image below.

2022-01-17_23-42-09.png

  1. Name- this is where you can name your long text field. For instance, "Job Description" or "Task Instructions".

  2. Description- this is where you can optionally provide a brief description of this field for your own reference. 

  3. Placeholder-this is where you can enter placeholder text to automatically populate within this field's box when a form loads. Placeholders can be useful for providing instructions, such as "Please enter a description here". When a user begins to type within the field box, the placeholder text will disappear and be overwritten. 

  4. Default Form Value- this is where you can enter a default text value that will automatically populate within the long text field's box when a form loads.  

Rich Text

Rich Text fields are basic field types that contain HTML or other custom text that can be formatted using a WYSIWYG editor.

Sample Rich Text Field:

2022-01-17_23-49-43.png

rich-text.PNG

Creating a rich text field

To add a new rich text field to your data table, click on the text category on the Add Field menu and select the rich text field type from the drop-down list.

2022-01-17_23-48-14.png

When adding a new rich text field, there are several settings you can customize such as those highlighted in the image below.

2022-01-17_23-48-43.png

  1. Name- this is where you can name your rich text field. 

  2. Description- this is where you can optionally provide a brief description of this field for your own reference. 

  3. Placeholder- this is where you can enter placeholder text to automatically populate within this field's box when a form loads. Placeholders can be useful for providing instructions, such as "Please enter text here." When a user begins to type within the field box, the placeholder text will disappear and be overwritten. 

  4. Default Form Value- this is where you can enter a default text value that will automatically populate within the rich text field's box when a form loads.  

 

 

Link

Link fields can be used to store links. For instance, you can use link fields to store website links, LinkedIn Profile links, article links, or any other type of link. 

link-companies.png

To add a new link field, click on the text category on the Add Field menu and select the Link field type.

2022-01-17_23-52-28.png

When creating a new link field, there are several settings you can customize such as those highlighted in the image below.

2022-01-17_23-57-22.png

  1. Name- this is where you can name your link field. For instance, "Link" or "Website".

  2. Description- this is where you can optionally provide a brief description of this field for your own reference.

  3. Default Form Value- this is where you can enter a default text or link value to automatically populate within the link field box within a form.

    For instance, if you enter "tadabase.io" as the Default Form Value, forms will automatically load with the tadabase.io link pre-entered within the link field box.

    2022-01-18_00-01-22.png YVZlink-with-default-form-value.png
    At default, the Default Form Value for link fields is blank, meaning no default text or link value will automatically populate within the link field box when the form loads.

    link-no-default-form-value.png
  4. Open Link In New Window- choose whether you would like the link to open in a new window when clicked. By default the Open Link In New Window setting is set to No, meaning links will open within the same window when clicked unless this setting is changed to Yes.
  5. Link Text Format- this is where you can define the text that displays your link within components once it is submitted via a form. At default, the Link Text Format is set to Use the URL, meaning the link URL is the text that will display your link with components after it is saved via a form.

    ezgif-link-url-gif.gif

    There are 3 other text formatting options you can choose to display your links within components- Use the same texts for all links, Use the unique text for each link, or Format Link as an Image.

    For instance, if you change the Link Text Format to the "Use the same texts for all links" option, a box will appear titled "Link Text" where you can enter the text value you wish to display for all links within your components after they are saved via a form. This text format setting can be useful if you would like to have the same text displayed for all your links, such as "Please Click Here".

    Below the Link Text Format is changed to the Use the same text for all links option and "Please Click Here" is entered within the link text box. 

    2022-01-18_00-03-08.png

    In the GIF below, when the link "tadabase.io" is entered within the forms and saved, the link now displays as "Please Click Here" within the table component.

    link-same-text-gif.gif

    Alternatively, if you change the Link Text Format to the "Use the unique text for each link" option, you will have the opportunity on each form to enter a unique text value to display each link.

    link-unique-text-gif.gif

 

How did we do ?

Previous Article
Fields
Next Article
Personal Fields
Article Navigation
  • Text
  • The default text field
  • Creating a new text field
  • Long Text
  • Creating a long text field
  • Rich Text
  • Creating a rich text field
  • Link
  • Back to top
    Developer portal Tadabase Community
    API
    100% Operational
    Apps
    100% Operational
    Builder
    100% Operational
    Overall Status
    100% Operational