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
⚙ App Settings
Changing app themes

Changing app themes

Change the look and feel of your app with one simple click 

 

On creation, every app is integrated with a default theme which looks something like this: 

 

ke5j2S1akKGsWowwIbsPfbqFc-8coHSC8Q.png

 

You may choose to stick with the default theme or change the theme of your app to better suit the personality and tone of your business. To change the theme of your app, click on the settings tab and go to the themes option. 

 

rD0mgvl8A0mDf60U5QnHjbp7uC7PH905Eg.png

 

Here you can see multiple designs and themes to be selected. The first theme listed is the “Default” theme which is highlighted by a green border as it is selected by default. 

There are two options on every theme: “Preview” and “Apply”.

The “Preview” option lets you preview the theme you have selected. For example, if we click on the “Preview ” option of “Darkly” theme, we can see how the application would look if we were to select it.

 

NSIYpDcprY6gOZVbSGTnlMHlh_oHtGFJPw.png

 

The “Apply” option applies the theme to your application. For instance, say we like this “Darkly” theme better than the “Default” theme for our app, we could simply click on the “Apply” option and our theme will be changed to “Darkly”. Lets see how our Application will look now: 

 

e-6uDG0O_nKhBXu5bmhTbvjZXuJUS1JqwQ.png

 

This is how you can change the look of your application with just a few clicks. The themes are based off Bootswatch’s free Bootstrap themes. Feel free to visit their website for more in-depth previews of the themes, live-view them, and view the code used to create the components. 

How did we do ?

Previous Article
Customizing CSS
Next Article
Support Settings
Back to top
Developer portal Tadabase Community
API
100% Operational
Apps
100% Operational
Builder
100% Operational
Overall Status
100% Operational