Jet UI

Learn how to easily navigate Jet Admin

Jet Admin allows you to build custom business apps such as CRMs, admin panels, and internal tools using templates

Or create the app from scratch using drag-and-drop UI components

After creating a new app, you'll automatically get into the intuitive App Builder, where you can design, build, and deploy an app with drag-and-drop components, integrate resources, manage User & Team permissions, and customize the app appearance.

Here we’ll go over all the key elements and sections that will allow you to navigate Jet much more efficiently:

  • Canvas

  • Workspace

  • Components

  • Pages

  • Data

  • App Settings

  • Sign in/Sign up

  • Automation

  • Preview & Share

Canvas

The canvas is the main element of the App Builder, the mode you'll use to create the application.

Workspace

If you need to create a new app or return to a previously created one, you can get back to the workspace from the App Builder by clicking on the button "My Apps" in the top left corner.

Components

Components are UI elements that allow you to display and interact with data and, eventually, build a custom business app. In the UI Library, you can find pre-built UI types such as:

  • Layout to organize the page structure

  • Basic components to work with Titles, Text, Images, Button, etс

  • Lists to display data from your collections (tables)

  • Charts to visualize your data in up to 4 dimensions. It's the fastest way to create analytical reports on your data

  • Forms to make your app interactive. Whether you need a user to enter an email or select an item from a dropdown, forms will get you covered.

Advanced tools to create even more custom solutions using:

  • A Modal - a pop-up that appears on the screen when an action is performed. An open modal acts like a Page, meaning you can assemble it by drag and dropping other components into it.

  • iFrame - a way to embed another webpage inside of your Jet app

  • Custom components to build any component that’s not in the UI Library based on React, Angular, or any other framework and integrate it into the Jet Admin interface.

Pages

A page is an interface element that is a constituent of an app. On the left menu in the App Builder, you can find all the Pages of the app or create a new one.

From the top menu of the App Builder, you can duplicate, edit the current page, or manage page settings, parameters, and queries in Page settings.

Data

In the Data section of the sidebar, you can add data sources you’ll need to build your app:

Or you can work with already connected resources — manage the integration, configure the field types, edit, delete, or create records, import and export data and create virtual collections (functionality varies based on the data source):

You can build apps with your data from pretty much Any Data Source: Firebase, Sheets, Airtable, Stripe, REST API, and so on.

Users & Teams management system

From the Data section, you can go to the Users & Teams management system

Here you can set permissions, define user roles, and manage members.

You can also use Properties to set up data separation (multi-tenancy) for Client Portal use-cases

App Settings

You can customize the app’s appearance in the User Mode by going to App Settings.

App settings allow you to adjust your business app’s appearance by the following settings:

  • Appearance - customize colors and theme for your app

  • Menu - customize your app's menu in user mode

  • Custom domain - set up a custom domain for your app

  • Features - additional features

  • Sharing - set up the app's name and service

  • Scripts & Styles - set up global JavaScript and customCSS

Sign in/Sign up

Sign-in/Sign-up page builder allows you to configure the appearance of sign-in, and sign-up pages separately as well as customize the title, terms of service URL, and customer sign-up flow

Preview & Share

There are three operational modes in Jet Admin:

  • Builder mode, where you add data sources, drag-and-drop UI components, and so on

  • User mode - this is the option that end users see after the app is published

  • Preview mode that allows you to see the app preview in a user mode without having to publish an app.

The Preview button on the top menu of the app builder allows you to switch between modes and eventually publish your app.

With the Share button you can choose how users will access your application.

Invite members via email or Public Access, and set permissions for already invited users.

You can always look through the documentation and video tutorials, or get expert support if you find it difficult to understand some issues. We are happy to help:)

App settings

Last updated