🎯 Solution Guides
Step by step "How To" guides for targeted solutions
Add "Tabs" to your app
In this article, we'll be going over how to create tabs for your web application using a front-en...
ID Target Link
In this article, we will go over how to set up in-page  anchor links as shown in the GIF below ...
Use an address field to display a static street view thumbnail
In this document, we will be going over how to use an address field to display a static street vi...
Turn your menu into a fixed menu
Menus within Tadabase are like any other part of the page and will not be visible when scrolling ...
Auto close mobile menu
In this document, we will go over how to use custom JavaScript to auto-close a menu bar while on ...
Display record information in a card
This article will explain how to display record detail information in a nice card using the HTML ...
How to add a back button to your app
In this article, we'll go over how to create a back button that functions the same way as your bu...
Add a collapsible accordion element to your app
In this article, we'll be going over how to create tabs for your web application using a front-en...
Use Validation Rules to Ensure Unique Votes Per User
Validation Rules allow you to check the validity of data based on custom-defined conditions and d...
Use Record Rules to Create an Audit Log
You can use record rules to create and track audits in your app. Â Before we begin, we will go ...
Track current inventory with transactions
In this article we'll look at how to create an inventory tracking system. Our goal is to be able ...
Schedule Bookings and Prevent Double Bookings
In this article we will go over how to set the ability to book appointments or reserve an item fo...
Create orders with multiple items and varying quantities
This article will guide you through the process of creating and tracking complex orders with diff...
2 Step Forms
Learn how to use routing to have a 2 step form process  If you're looking to have a 2 step fo...
Unique Record Validation
Depending on your requirements, checking fields for unique values can often be somewhat complex a...
Restrict Editing Records to Record Owners
In this article we'll look at how to restrict a page to only be editable by the owner of the reco...
Sum date/time field
In this article, we will go over how to use the Date and Basic Formula field to sum all connected...
Duplicate Records
In this article, we'll go over how to use action links to duplicate records as shown in the GIF b...
Duplicate Connected Records
How to embed a Tadabase page on another website
In this document, we will discuss how to embed a Tadabase page on another website using the <i...
Adding external fonts
While Tadabase offers a library of themes to customize your app, each with their own unique fonts...
Custom Favicon
UPDATE: This article is no longer relevant. You can now add custom Favicon by going to your app s...
Making apps mobile friendly
You can make your Tadabase apps mobile friendly by ensuring that the size of components within a ...
Show date/time as a countdown
Rather than display a date/time field as a conventional date and time, you may choose to display ...
Importing many images at once
In this article we will demonstrate how to import many images at one time. At this time, Tadabas...
Adding QR Codes
To add a dynamic QR code into your page, you can utilize the Google API to generate a code as an ...
Adding charts to PDFs
At this time, PDFs do not support charts. However, as a workaround until Tadabase releases offici...
Customizing your app shortcut for mobile phones
While Tadabase does not support native apps or PWAs (progressive web apps) as of yet, you and you...
Animate parts of a page
In this article we'll walk through how you can easily add animations to your pages with some cust...
How to Set Up Meta Tags on your Tadabase App
In the ever-evolving world of SEO, meta tags constitute the backbone of your site's discoverabi...
Changing background colors
To change the background colors of your app, simply add the following CSS to either the page or l...
Set background colors to the edge of a page
By default, all content inside a page has a small padding around it, as illustrated in the image ...
Change the background of a column
To set a custom background for a particular column and component(s) within that column, simply op...
Add padding around a component
By default, no padding is added around components on your page, as illustrated in the image below...
Using an image as background for a page
This article will discuss how to set a background image to a page using custom CSS. Go to the ...
Adding a background image to a row, column, or component
You can add a background image to any row, column, or component within your app. For the purpose...