Jet UI
Learn how to easily navigate Jet Admin
Last updated
Was this helpful?
Learn how to easily navigate Jet Admin
Last updated
Was this helpful?
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
The canvas is the main element of the App Builder, the mode you'll use to create the application.
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.
Basic components to work with Titles, Text, Images, Button, etс
Advanced tools to create even more custom solutions using:
iFrame - a way to embed another webpage inside of your Jet app
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.
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.
Here you can set permissions, define user roles, and manage members.
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
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.
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:)
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:
to organize the page structure
to display data from your collections (tables)
to visualize your data in up to 4 dimensions. It's the fastest way to create analytical reports on your data
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.
- 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.
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.
A 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.
In the section of the sidebar, you can add data sources you’ll need to build your app:
From the Data section, you can go to the
You can customize the app’s appearance in the by going to App Settings.
allow you to adjust your business app’s appearance by the following settings:
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
The on the top menu of the app builder allows you to switch between modes and eventually publish your app.
With the button you can choose how users will access your application.
