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
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:
- Basic components to work with Titles, Text, Images, Button, etс
- 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.
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):
.png?alt=media&token=e847cd22-1c8c-48c9-a7e0-4ca7de5d30c6)
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.
You can also use Properties to set up data separation (multi-tenancy) for Client Portal use-cases
.png?alt=media&token=a15e7d1f-3c13-4a55-9d89-5a1397b69ecc)
.png?alt=media&token=7e567151-3060-4fec-b800-642b5f2450f1)
- 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.
Invite members via email or Public Access, and set permissions for already invited users.
.png?alt=media&token=33111ef9-46ec-459e-bacb-0d1d8da42076)
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:)
Last modified 6mo ago