Jet UI
Learn how to easily navigate Jet Admin
Last updated
Learn how to easily navigate Jet Admin
Last updated
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.
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.
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.
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.
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
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 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
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:)
