What is Tabidoo?

How To Start With Tabidoo

Import Data (Excel)

Tabidoo’s Terminology

Applications, Modules and Tables

Templates

Custom Design And Settings

Sign Up And Login

Create Application

Create Table

Create Record

Modules

Import Of Different Data Types

Export data

Filters

Data Views

Save Active View

Data Audit (History)

Invite Users

User Account Settings

Multi Edit

Field Types

Lookup Settings

Link To Table

Advanced Features In Table Fields

Application Parameters

Import From Trello

Multilingual Applications

GDPR Settings

Number Series

Publish Form

Users And Roles

Payment & Subscription

Change a Payment Card

Mathematical Functions

Conditional formatting

Dashboard

Widget - Text

Widget - Speedometer

Widget - Summary Panel

Widget - Metrics

Widget - Charts

Change Widget Settings

Report Example - Invoice

Workflow Automation

Reporting

Internal Naming Of Fields

User Roles - Advanced Settings

Introduction

doo.model

doo.model.<field>.isVisible

doo.table

doo.form

doo.functions.request

Example - Check The Lookups Value

Integromat (Make)

Zapier

Templates - Import And Use

Publishing Application To Templates

Updating Application To Templates

Digital Company

Digital Company - Human Resources

Digital Company - CRM

Digital Company - Asset Management

Digital Company - Operation

Digital Company - Document Management

Digital Company Customization

Widget - List

Custom Data Source

Private

Tabidoo is the web application that allows you to create an online database system. Just by using the graphical interface. Without any programming knowledge.

Getting Started

Basics

Fields

Advanced

Find out how you can visualize your data using different widgets.

Dashboard & Widgets

For Reporting, you need an extension from Templates. Here you can find information on how and where to download it and start using it.

For Developers

There are situations, which are much easier to solve by coding. As Tabidoo is used for advanced solutions, there is a possibility to add some javascript to its behaviour.

Scripting

Integrations & API

Templates are ready-made applications that will help you in your work. Learn how to easily customize them.

Go back to application

    <div id="tbd-picture-modal" class="tbd-picture-modal">
        <img class="tbd-picture-modal-content" id="tbd-picture-modal-img">
    <div id="caption"></div>
     <style>

         #tbd-picture-modal-img {
            border-radius: 5px;
            cursor: pointer;
            transition: 0.3s;
            display: block;
            margin-left: auto;
            margin-right: auto
        }

        #tbd-picture-modal-img:hover {opacity: 0.9;}

        .tbd-picture-modal-content {
            -webkit-animation-name: tbd-picture-modal-zoom;
            -webkit-animation-duration: 0.6s;
            animation-name: tbd-picture-modal-zoom;
            animation-duration: 0.6s;
        }

         .tbd-picture-modal-out {
            animation-name: tbd-picture-modal-zoom-out;
            animation-duration: 0.6s;
        }

        .tbd-picture-modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 99; /* Sit on top */
            padding-top: 100px; /* Location of the box */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
        }

        .tbd-picture-modal-content {
            margin: auto;
            display: block;
            max-width: 95%;
            max-height: 95%;
        }

        @-webkit-keyframes tbd-picture-modal-zoom {
            from {-webkit-transform:scale(1)}
            to {-webkit-transform:scale(2)}
        }
        @keyframes tbd-picture-modal-zoom {
            from {transform:scale(0.4)}
            to {transform:scale(1)}
        }

        @-webkit-keyframes tbd-picture-modal-zoom-out {
            from {transform:scale(1)}
            to {transform:scale(0)}
        }
        @keyframes tbd-picture-modal-zoom-out {
            from {transform:scale(1)}
            to {transform:scale(0)}
        }

    </style>
    <script>
        let initPictures = function() {
            let imgs = document.querySelectorAll('.article img');
            imgs.forEach(img => {
                img.style.cursor = "zoom-in";
                console.log(img);
                img.onclick = (e) => {
                    {
                        const img = e.target;
                        const modal = document.getElementById('tbd-picture-modal');
                        const modalImg = document.getElementById('tbd-picture-modal-img');
                        modal.style.display = 'block';
                        modalImg.src = img.src;
                        modalImg.alt = img.alt;
                        modal.onclick = function() {
                            modalImg.className += ' tbd-picture-modal-out';
                            setTimeout(function() {
                            modal.style.display = 'none';
                            modalImg.className = 'tbd-picture-modal-content';
                            }, 400);
                        }
                    }                
                }
            });
        }
        initPictures();
      </script>


Tabidoo Help Center