> For the complete documentation index, see [llms.txt](https://docs.jetadmin.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jetadmin.io/classic-app-builder.md).

# Classic App Builder (Legacy)

- [Classic Builder overview](https://docs.jetadmin.io/classic-app-builder/maintain-an-existing-classic-app.md)
- [Pages and components](https://docs.jetadmin.io/classic-app-builder/design-and-structure.md): A brief overview of design and structure.
- [Core concept](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept.md)
- [Jet UI](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/jet-ui.md): Learn how to easily navigate Jet Admin
- [App settings](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/jet-ui/layouts-and-branding.md): Set up custom branding and configure the menu
- [Appearance Settings](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/jet-ui/layouts-and-branding/appearance-settings.md): In this section you will learn about Appearance Settings
- [Adding Custom Fonts](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/jet-ui/layouts-and-branding/adding-custom-fonts.md): Easily integrate custom fonts into Jet Admin using Global CSS by uploading font files, linking them, and applying them globally.
- [Theme & Styles](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/jet-ui/layouts-and-branding/theme-and-styles.md): Build beautiful web apps with over 10+ ready-to-use themes, or fully customize any component by adjusting colors, fonts, layouts, states, and styles to perfectly match your brand’s identity.
- [Menu](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/jet-ui/layouts-and-branding/menu.md)
- [App Info](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/jet-ui/layouts-and-branding/app-info.md): In this section you will learn how to set up the app's name and service URLs
- [Custom Domain and Transactional Emails](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/jet-ui/layouts-and-branding/custom-domain-and-transactional-emails.md): In this section you will learn about Custom Domain and Transactional Emails
- [Sign Up](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/jet-ui/layouts-and-branding/sign-up.md): In this section you will learn about the sign-up page
- [Features](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/jet-ui/layouts-and-branding/features.md): In this section you will learn about additional features
- [Custom Scripts & Styles](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/jet-ui/layouts-and-branding/custom-scripts-and-styles.md): In this section you will learn about Custom Scripts and Styles
- [Intro to Data](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/intro-to-data.md)
- [Navigation](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/navigation.md): The different ways you can build and customize navigation in your apps
- [Menu Conditional Enabled](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/menu-conditional-enabled.md)
- [Set Variable Action in Menu](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/set-variable-action-in-menu.md)
- [Sharing your app](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/sharing-your-app.md)
- [Invite by Email](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/sharing-your-app/invite-by-email.md): In this section you will learn how to share your app inviting by Email
- [Invite by Link](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/sharing-your-app/invite-by-link.md): In this section you will learn how to share your app inviting by Link
- [Creating a Public Page](https://docs.jetadmin.io/classic-app-builder/design-and-structure/core-concept/sharing-your-app/creating-a-public-page.md): In this section you will learn how to create and share a public page.
- [Visibility rules](https://docs.jetadmin.io/classic-app-builder/design-and-structure/visibility-rules.md): Create visibility rules for your Pages or Components
- [Conditionals](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components-visibility.md): Hide or show things based on different conditions
- [Conditional Visibility](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components-visibility/conditional-visibility.md): In this section you will learn about Conditional Visibility
- [Examples](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components-visibility/conditional-visibility/examples.md)
- [Hiding a component until a row is selected](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components-visibility/conditional-visibility/examples/hiding-a-component-until-a-row-is-selected.md)
- [Hiding a component until a row with a certain value is selected](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components-visibility/conditional-visibility/examples/hiding-a-component-until-a-row-with-a-certain-value-is-selected.md)
- [Hiding a component using the Page Value, User, or Team Property value](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components-visibility/conditional-visibility/examples/hiding-a-component-using-the-page-value-user-or-team-property-value.md)
- [Hiding a component using multiple conditions](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components-visibility/conditional-visibility/examples/hiding-a-component-using-multiple-conditions.md)
- [Conditional Disable](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components-visibility/conditional-disable.md)
- [Conditional read, add, edit & delete](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components-visibility/conditional-add-edit-and-delete.md): Set conditions on who and what can be added, edited or deleted
- [Customizing Pages](https://docs.jetadmin.io/classic-app-builder/design-and-structure/pages.md): Detailed review of pages in Jet Admin.
- [Create a New Page](https://docs.jetadmin.io/classic-app-builder/design-and-structure/pages/create-a-new-page.md): In this section you will learn how to create a new page
- [Copy the Page](https://docs.jetadmin.io/classic-app-builder/design-and-structure/pages/copy-the-page.md): In this section you will learn how to copy the page
- [Customize the Page](https://docs.jetadmin.io/classic-app-builder/design-and-structure/pages/customize-the-page.md): In this section you will learn how to customize the page
- [Page Values](https://docs.jetadmin.io/classic-app-builder/design-and-structure/pages/page-values.md): In this section you will learn how to use page values
- [Link Pages](https://docs.jetadmin.io/classic-app-builder/design-and-structure/pages/link-pages.md): In this section you will learn how to link pages
- [Load Data (Page Query)](https://docs.jetadmin.io/classic-app-builder/design-and-structure/pages/load-data-page-query.md): Load and Query your data collection/record to your page
- [Page Opens Action](https://docs.jetadmin.io/classic-app-builder/design-and-structure/pages/page-opens-action.md): Run actions when the page is opened/loaded
- [Home Page](https://docs.jetadmin.io/classic-app-builder/design-and-structure/pages/home-page.md): In this section you will learn how to set the Home Page
- [Components](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components.md): Components are UI elements inside Jet Admin that can be used to visualize and interact with your data
- [Lists](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/lists.md): Lists are UI components for displaying data from your collections
- [Table](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/lists/table.md)
- [Grouping records](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/lists/table/grouping-records.md): Jet's grouped records feature enables you to present your records grouped by one or multiple fields of your preference. Moreover, this feature can be utilized to produce reports.
- [Filters (built-in)](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/lists/table/filter.md): Automatically generated filtering tools
- [Table Actions](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/lists/table/table-actions.md)
- [Map](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/lists/map.md): In this section you will learn about Maps
- [Kanban](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/lists/kanban.md): Kanban overview as a component
- [Calendar](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/lists/calendar.md): Calendar overview as a component
- [Gallery](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/lists/gallery.md): Gallery overview as a component
- [Carousel](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/lists/carousel.md): A carousel displays a series of elements (like images or cards) in a rotating manner, allowing users to navigate through them easily. Users can navigate using controls, scroll, or drag, based on your
- [Timeline](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/lists/timeline.md): Timeline overview as a component
- [Filters](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/filters.md)
- [Form](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/form.md)
- [Create a Form](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/form/create-a-form.md): In this section you will learn how to create a form
- [Customize a Form View](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/form/customize-a-form-view.md): In this section you will learn how to customize a form view
- [Examples](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/form/examples.md): Let's try some examples using Forms
- [Page](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/form/page.md)
- [Select](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/form/select.md)
- [Multiple Select](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/form/multiple-select.md): In this section you will learn how to use Multiple Select
- [Modals and overlays](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/modal.md)
- [Fields](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields.md): Fields overview
- [File](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/file.md): In this section you will learn about Single and Multiple Files
- [Multiselect / Chips](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/multiselect-chips.md)
- [Checkbox](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/checkbox.md)
- [Date & Time](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/date-and-time.md)
- [Date Range](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/date-range.md)
- [Image](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/image.md)
- [Text](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/text.md)
- [Password](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/password.md)
- [Number](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/number.md)
- [Rating](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/rating.md)
- [Slider](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/slider.md)
- [Range Slider](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/range-slider.md)
- [Steps](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/steps.md)
- [URL](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/fields/url.md)
- [Charts](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/charts.md): Charts overview and customization
- [How to Set Up a Chart](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/charts/how-to-set-up-a-chart.md)
- [Chart Appearance](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/charts/how-to-set-up-a-chart/chart-appearance.md)
- [Drill Down](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/charts/how-to-set-up-a-chart/drill-down.md)
- [Line](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/charts/line.md): An overview of Line Chart
- [Bar](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/charts/bar.md): An overview of Bar Chart
- [Pie](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/charts/pie.md): An overview of Pie Chart
- [Doughnut](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/charts/doughnut.md): An overview of Doughnut Chart
- [Single value](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/charts/counter.md): An overview of Single Value chart
- [Text](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/text.md): An overview of static elements
- [Buttons](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/buttons.md): Buttons overview
- [Button Group](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/button-group.md)
- [Custom Notifications](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/custom-notifications.md): Customize the notifications
- [Component Actions](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/component-actions.md)
- [Detail](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/detail.md)
- [Layouts](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/layouts.md): Containers overview
- [Containers](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/layouts/containers.md): Group components together in one layout
- [Accordion](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/layouts/accordion.md)
- [Collapse](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/layouts/collapse.md)
- [Columns](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/layouts/columns.md): Organize your components on Columns
- [Overlays](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/layouts/overlays.md)
- [Customizing Overlay](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/layouts/overlays/customizing-overlay.md): In this section you will learn how to customize modals, slideouts, and dropdowns
- [Overlay Parameters](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/layouts/overlays/overlay-parameters.md): In this section you will learn how to pass parameters to an Overlay
- [Building dynamic workflows](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/layouts/overlays/building-dynamic-workflows.md): In this section you will learn how to build dynamic workflows
- [Slideout](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/layouts/slideout.md)
- [Tabs](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/layouts/tabs.md)
- [Vertical Tabs](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/layouts/vertical-tabs.md): Vertical tabs allow you to locate your tabs from the top to the side of your screen, making it easier to quickly switch between page sections, view data, and locate other components.
- [HTML Component](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/html-component.md): Creating a HTML component and passing values to it.
- [JavaScript component](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/custom-component.md): Build HTML/CSS/JS, React, Vue, Angular components
- [Create a JavaScript Component](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/custom-component/create-a-javascript-component.md): In this section you will learn how to create a Custom Component
- [Set JavaScript Component Inputs](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/custom-component/set-javascript-component-inputs.md): In this section you will learn how to Set JavaScript Component Inputs
- [Use JavaScript Component Outputs](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/custom-component/use-javascript-component-outputs.md): In this section you will learn how to use JavaScript Component Outputs
- [File PDF Viewer](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/file-pdf-viewer.md): An embedded PDF file from a URL. It supports automatic scaling the content to fit either the width or height of the component.
- [QR Code](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/qr-code.md)
- [Bar Code](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/bar-code.md)
- [Scanner](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/scanner.md)
- [Signature](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/signature.md): A digital signature is an electronic stamp of authentication on digital information such as email messages, or electronic documents.
- [IFrame](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/iframe.md): To display content from another website in your Jet Admin application, you can use an iFrame. This page explains the steps for embedding an iFrame.
- [Alert](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/alert.md): A flexible message box designed to display important information to users. It supports customization options, allowing you to design the alert to fit your specific needs.
- [Accordion](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/accordion.md): This component is a user interface element that allows users to expand and collapse sections of content.
- [Chips](https://docs.jetadmin.io/classic-app-builder/design-and-structure/components/chips.md): The Chips component displays options or selected items in a compact, visually appealing list. It supports custom styling and interactive features.
- [Field Values](https://docs.jetadmin.io/classic-app-builder/design-and-structure/column-values.md): In this section you will learn how to use Field Values
- [Extract values from components on the Page](https://docs.jetadmin.io/classic-app-builder/design-and-structure/column-values/extract-values-from-components-on-the-page.md): In this section you will learn how to extract values from components on the page
- [Nested Filters](https://docs.jetadmin.io/classic-app-builder/design-and-structure/nested-filters.md): Nested filters enable filtering data from multiple, related collections.
- [Advanced Filters](https://docs.jetadmin.io/classic-app-builder/design-and-structure/advanced-filters.md): In this section you will learn how to filter your data by Relation columns
- [Sort](https://docs.jetadmin.io/classic-app-builder/design-and-structure/sort.md): In this section you will learn how to sort your data
- [Group](https://docs.jetadmin.io/classic-app-builder/design-and-structure/group.md): In this section you will learn how to group data
- [Dropdown Popups](https://docs.jetadmin.io/classic-app-builder/design-and-structure/dropdown-popups.md)
- [Export](https://docs.jetadmin.io/classic-app-builder/design-and-structure/export.md): The export feature allows you to download a set of data to CSV, XLS, XLSX, JSON, HTML, and Notepad (txt) formats.
- [Data binding and variables](https://docs.jetadmin.io/classic-app-builder/binding-and-values.md): Bind Components, Extract and Pass data throughout your App
- [Variables](https://docs.jetadmin.io/classic-app-builder/binding-and-values/variables.md): Temporary and Stored Variables
- [Binding Components](https://docs.jetadmin.io/classic-app-builder/binding-and-values/binding-components.md): We'll learn how data binding works inJet Admin
- [Extract & Pass Values](https://docs.jetadmin.io/classic-app-builder/binding-and-values/parameters.md): Learn about the different values types you can work with.
- [Binding two related Tables](https://docs.jetadmin.io/classic-app-builder/binding-and-values/binding-two-related-tables.md)
- [Connect a table to an edit form](https://docs.jetadmin.io/classic-app-builder/binding-and-values/binding-form-to-table.md)
- [Connect a filter to a table](https://docs.jetadmin.io/classic-app-builder/binding-and-values/binding-filter-to-table.md)
- [Binding Field to Table](https://docs.jetadmin.io/classic-app-builder/binding-and-values/binding-field-to-table.md)
- [Binding across Pages](https://docs.jetadmin.io/classic-app-builder/binding-and-values/binding-across-pages.md): Binding components from different Pages in Jet Admin
- [Bind page data to a modal](https://docs.jetadmin.io/classic-app-builder/binding-and-values/binding-across-overlays.md)
- [Integrations catalog](https://docs.jetadmin.io/classic-app-builder/binding-and-values/integrations.md): Live chat and analytics services
- [Actions and logic](https://docs.jetadmin.io/classic-app-builder/actions-and-logic.md)
- [Actions](https://docs.jetadmin.io/classic-app-builder/actions-and-logic/actions.md): A detailed overview of the types of Actions.
- [Javascript](https://docs.jetadmin.io/classic-app-builder/actions-and-logic/javascript.md): Use JavaScript to interact with the UI Components, APIs, and Database Queries during this process of building applications.
- [Generate Formulas and JavaScript with AI](https://docs.jetadmin.io/classic-app-builder/actions-and-logic/generate-formulas-and-javascript-with-ai.md): Welcome to the new, AI-powered way to create formulas in Jet Admin! This feature allows you to build complex formulas simply by describing what you want to achieve.
- [Appearance and localization](https://docs.jetadmin.io/classic-app-builder/appearance-and-localization.md)
- [App Theming](https://docs.jetadmin.io/classic-app-builder/appearance-and-localization/app-theming.md): App theming allows you to style your pages and components using global controls, making it easy to change the visual layout with a single click.
- [Global CSS & JS](https://docs.jetadmin.io/classic-app-builder/appearance-and-localization/global-css-and-js.md): Customize the way your app looks
- [Analytics or Live chats](https://docs.jetadmin.io/classic-app-builder/appearance-and-localization/analytics-or-live-chats.md): Using Jet you can integrate Analytics or Live chat
- [Localization](https://docs.jetadmin.io/classic-app-builder/appearance-and-localization/localization.md)
- [Account Settings](https://docs.jetadmin.io/classic-app-builder/appearance-and-localization/localization/account-settings.md): The Localization feature allows you to specify the language and time zone for your account. The default language is English.
- [Adding Language to Jet Admin](https://docs.jetadmin.io/classic-app-builder/appearance-and-localization/localization/adding-language-to-jet-admin.md): To add a new language to Jet Admin, follow these steps:
- [End-user Localization](https://docs.jetadmin.io/classic-app-builder/appearance-and-localization/localization/end-user-localization.md): Choose the default language and time for your users
- [Application settings](https://docs.jetadmin.io/classic-app-builder/appearance-and-localization/application-settings.md)
- [Component Designer and Figma](https://docs.jetadmin.io/classic-app-builder/component-designer.md): Customized App Components Without Coding. Similar to Figma
- [Import Figma Design](https://docs.jetadmin.io/classic-app-builder/component-designer/import-figma-design.md): Design in Figma, launch in Jet. Turn your static designs into clean, production-ready web apps with the Figma to Jet plugin.
- [Install Plugin](https://docs.jetadmin.io/classic-app-builder/component-designer/import-figma-design/install-plugin.md)
- [Pixel Perfect App](https://docs.jetadmin.io/classic-app-builder/component-designer/pixel-perfect-app.md): Design your first custom component from scratch using Component Designer
- [Designing your component](https://docs.jetadmin.io/classic-app-builder/component-designer/pixel-perfect-app/designing-your-component.md): Discover how to custmize Cards in Gallery
- [Adding Images](https://docs.jetadmin.io/classic-app-builder/component-designer/pixel-perfect-app/adding-images.md): Explore how to customize background
- [Apply Frame to Image](https://docs.jetadmin.io/classic-app-builder/component-designer/pixel-perfect-app/apply-frame-to-image.md): Explore how to set up Frame for Image
- [Pass values to Image](https://docs.jetadmin.io/classic-app-builder/component-designer/pixel-perfect-app/pass-values-to-image.md): Explore how to data from Visual Builder to Component Designer
- [Pass values to Text Field](https://docs.jetadmin.io/classic-app-builder/component-designer/pixel-perfect-app/pass-values-to-text-field.md): Discover how to pass values to Designer
- [Binding data](https://docs.jetadmin.io/classic-app-builder/component-designer/pixel-perfect-app/binding-data.md): Discover how to pass and bind the data with elements
- [Hide elements](https://docs.jetadmin.io/classic-app-builder/component-designer/pixel-perfect-app/hide-elements.md): Discover how to hide elements with Conditional Visibility
- [Support multi-screens](https://docs.jetadmin.io/classic-app-builder/component-designer/pixel-perfect-app/support-multi-screens.md): Explore how to do your components responsive
- [Figma design into a web app](https://docs.jetadmin.io/classic-app-builder/component-designer/figma-design-into-a-web-app.md): From MVPs to web apps, Jet helps you to deliver pixel-perfect apps that users will love.
- [AI Custom Components](https://docs.jetadmin.io/classic-app-builder/component-designer/ai-custom-components.md): Create unique components with simple prompts
- [Enhance Your Prompts with AI Assistance](https://docs.jetadmin.io/classic-app-builder/component-designer/ai-custom-components/enhance-your-prompts-with-ai-assistance.md): Jet Admin’s Enhance Prompting feature helps you create better prompts, faster. Simply describe what you want to build, click Enhance, and get a complete, detailed version ready for the AI builder.
- [Enhancing Your Prompts with Images](https://docs.jetadmin.io/classic-app-builder/component-designer/ai-custom-components/enhancing-your-prompts-with-images.md): Sometimes words aren’t enough to explain your idea. Enhance with Image feature lets you upload an image along with your text prompt, helping the AI better understand what you want to build.
- [Auto-Generate Parameters and Actions](https://docs.jetadmin.io/classic-app-builder/component-designer/ai-custom-components/auto-generate-parameters-and-actions.md): Jet Admin’s AI can automatically generate the parameters and actions your custom component needs — based entirely on your prompt.
- [Edit Your Custom Code with the Custom Component Builder](https://docs.jetadmin.io/classic-app-builder/component-designer/ai-custom-components/edit-your-custom-code-with-the-custom-component-builder.md): Jet Admin’s Custom Component Builder gives you full control over your component’s design, behavior, and interactions — all inside your app.
- [Import and Iterate on Your Existing Components](https://docs.jetadmin.io/classic-app-builder/component-designer/ai-custom-components/import-and-iterate-on-your-existing-components.md): Already have a component built outside of Jet Admin? Easily import your existing code, edit it inside the builder, and enhance it with AI Assistance — no need to start from scratch.
- [How to use pixel-perfect components](https://docs.jetadmin.io/classic-app-builder/component-designer/how-to-use-pixel-perfect-components.md): Discover how you can apply Pixel Perfect Components
- [How to work with component designer](https://docs.jetadmin.io/classic-app-builder/component-designer/how-to-work-with-component-designer.md): Discover Component Designer areas
- [Right sidebar](https://docs.jetadmin.io/classic-app-builder/component-designer/right-sidebar.md)
- [Layout](https://docs.jetadmin.io/classic-app-builder/component-designer/right-sidebar/layout.md): In this section you will find out how to use Layouts
- [Auto Layout](https://docs.jetadmin.io/classic-app-builder/component-designer/right-sidebar/auto-layout.md): Position layers automatically within a Frame
- [Conditional Visibility](https://docs.jetadmin.io/classic-app-builder/component-designer/right-sidebar/conditional-visibility.md): In this section you will find out how to use Conditional Visibility
- [Component Responsiveness / Constraints](https://docs.jetadmin.io/classic-app-builder/component-designer/right-sidebar/component-responsiveness-constraints.md): In this section, you will find out how to make your component responsive and use constraints
- [Fills](https://docs.jetadmin.io/classic-app-builder/component-designer/right-sidebar/fills.md): In this section you will find out how to use Fills
- [Borders](https://docs.jetadmin.io/classic-app-builder/component-designer/right-sidebar/borders.md)
- [Shadows](https://docs.jetadmin.io/classic-app-builder/component-designer/right-sidebar/shadows.md): In this section you will find out how to use shadows
- [Interactions](https://docs.jetadmin.io/classic-app-builder/component-designer/right-sidebar/interactions.md)
- [Frames and Groups](https://docs.jetadmin.io/classic-app-builder/component-designer/frames-and-groups.md): Both frame and groups are used to host layers similar to directories
- [Action components](https://docs.jetadmin.io/classic-app-builder/component-designer/action-components.md)
- [Component and layer states](https://docs.jetadmin.io/classic-app-builder/component-designer/component-and-layer-states.md)
- [Practical guides](https://docs.jetadmin.io/classic-app-builder/classic-tutorials.md)
- [Choose a Classic tutorial](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/quickstart-2.md)
- [Building an Internal Tool](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/quickstart.md): Get your first internal app up and running in under 10 minutes
- [Connect your Data](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/quickstart/connect-your-data.md)
- [Configure Data](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/quickstart/configure-data.md)
- [Build UI](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/quickstart/set-the-layout.md): Discover how to utilize components to build your app's user interface
- [Run Actions](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/quickstart/run-actions.md): Add actions that users can trigger
- [App Customization](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/quickstart/app-customization.md): Branding, color, typographic and menu
- [Publish your App](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/quickstart/publish-your-app.md)
- [Creating a Customer Portal](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/creating-a-customer-portal.md): In this section you will learn how to create a customer portal
- [Prepare your Data](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/creating-a-customer-portal/prepare-your-data.md): In this section you will learn how to prepare your data for creating a customer portal
- [Generate the App](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/creating-a-customer-portal/generate-the-ui.md): In this section you will learn how to generate the app for creating a customer portal
- [Set the Layout](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/creating-a-customer-portal/set-the-layout.md): In this section you will learn how to set the layout for creating a customer portal
- [Link Related Tables](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/creating-a-customer-portal/link-related-table.md): In this section you will learn how to link related tables for creating a customer portal
- [Customize your Portal](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/creating-a-customer-portal/customize-your-portal.md): In this section you will learn how to customize your customer portal
- [Users & Permissions](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/creating-a-customer-portal/invite-users.md): In this section you will learn how to link set Users and Permissions for creating a customer portal
- [ Deep dives](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/part-2-intermediate.md): In depth tutorials covering multiple topics
- [Single relations](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/part-2-intermediate/single-relations.md)
- [Conditional Visibility](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/part-2-intermediate/conditional-visibility.md)
- [Reading data from API](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/part-2-intermediate/perform-api-requests.md)
- [Reading data from SQL](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/part-2-intermediate/reading-data-from-sql.md): The SQL Query Builder lets you create, edit, and run queries easily. You can write SQL manually, insert tables and columns, or let AI generate queries and transformations for you.
- [Reading data from SQL](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/part-2-intermediate/reading-data-from-sql-1.md)
- [Generate Invoice or Document](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/part-2-intermediate/generate-invoice-or-document.md)
- [Document](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/part-2-intermediate/generate-invoice-or-document/document.md): Create documents from your data right in Jet Admin
- [Send Emails](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/send-emails.md): Send emails from a Jet app
- [Generate a record page or dashboard](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/ui-in-seconds.md): Learn how to generate CRUD interface in seconds
- [Configure a button action](https://docs.jetadmin.io/classic-app-builder/classic-tutorials/configure-a-button-action.md)
- [Test, publish, and maintain](https://docs.jetadmin.io/classic-app-builder/preview-and-publish.md)
- [Embed Apps](https://docs.jetadmin.io/classic-app-builder/preview-and-publish/embed-apps.md): Embed your Apps to any website or tools
- [Embedding App using a generated link](https://docs.jetadmin.io/classic-app-builder/preview-and-publish/embed-apps/embedding-app-using-a-generated-link.md): In this section you will find how to embed app using generated link.
- [Embedding App using iFrame/HTML](https://docs.jetadmin.io/classic-app-builder/preview-and-publish/embed-apps/embedding-app-using-iframe-html.md): In this section you will find how to embed app using iFrame/HTML.
- [Troubleshoot a Classic app](https://docs.jetadmin.io/classic-app-builder/preview-and-publish/troubleshoot-a-classic-app.md)
- [Video tutorials](https://docs.jetadmin.io/classic-app-builder/videos.md)
- [Getting Started](https://docs.jetadmin.io/classic-app-builder/videos/getting-started.md)
- [Connecting Data Sources](https://docs.jetadmin.io/classic-app-builder/videos/connecting-data-sources.md)
- [Jet Database](https://docs.jetadmin.io/classic-app-builder/videos/connecting-data-sources/jet-database.md)
- [Google Sheet](https://docs.jetadmin.io/classic-app-builder/videos/connecting-data-sources/google-sheet.md)
- [Airtable](https://docs.jetadmin.io/classic-app-builder/videos/connecting-data-sources/airtable.md)
- [Custom API Action (Zapier)](https://docs.jetadmin.io/classic-app-builder/videos/connecting-data-sources/custom-api-action-zapier.md)
- [Firebase](https://docs.jetadmin.io/classic-app-builder/videos/connecting-data-sources/getting-started-with-firebase.md)
- [Firebase FAQ](https://docs.jetadmin.io/classic-app-builder/videos/connecting-data-sources/getting-started-with-firebase/firebase-faq.md): In this section you can find about Frequently Asked Questions about Firebase
- [Data Editor](https://docs.jetadmin.io/classic-app-builder/videos/data-editor.md)
- [Data Editor Interface](https://docs.jetadmin.io/classic-app-builder/videos/data-editor/data-editor-interface.md)
- [Data Source Settings](https://docs.jetadmin.io/classic-app-builder/videos/data-editor/data-source-settings.md)
- [Prepare & Organize Data](https://docs.jetadmin.io/classic-app-builder/videos/data-editor/prepare-and-organize-data.md)
- [Edit Data](https://docs.jetadmin.io/classic-app-builder/videos/data-editor/edit-data.md)
- [Field Types](https://docs.jetadmin.io/classic-app-builder/videos/data-editor/field-types.md)
- [Related Data](https://docs.jetadmin.io/classic-app-builder/videos/data-editor/related-data.md)
- [Lookups & Rollups](https://docs.jetadmin.io/classic-app-builder/videos/data-editor/lookups-and-rollups.md)
- [Files & Storages](https://docs.jetadmin.io/classic-app-builder/videos/data-editor/files-and-storages.md)
- [Data Blending Intro](https://docs.jetadmin.io/classic-app-builder/videos/data-editor/data-blending-intro.md)
- [App Builder](https://docs.jetadmin.io/classic-app-builder/videos/app-builder.md)
- [Builder and User Modes](https://docs.jetadmin.io/classic-app-builder/videos/app-builder/builder-and-user-modes.md)
- [Pages and Overlays](https://docs.jetadmin.io/classic-app-builder/videos/app-builder/pages-and-overlays.md)
- [UI Builder](https://docs.jetadmin.io/classic-app-builder/videos/app-builder/ui-builder.md)
- [Bind Data to UI](https://docs.jetadmin.io/classic-app-builder/videos/app-builder/bind-data-to-ui.md)
- [Bind Filter to Table](https://docs.jetadmin.io/classic-app-builder/videos/app-builder/bind-filter-to-table.md)
- [Bind Input Field to Table](https://docs.jetadmin.io/classic-app-builder/videos/app-builder/bind-input-field-to-table.md)
- [Bind Form to Table](https://docs.jetadmin.io/classic-app-builder/videos/app-builder/bind-form-to-table.md)
- [Bind Related Tables](https://docs.jetadmin.io/classic-app-builder/videos/app-builder/bind-related-tables.md)
- [Bind across Pages](https://docs.jetadmin.io/classic-app-builder/videos/app-builder/bind-across-pages.md)
- [Bind from Page to Modal](https://docs.jetadmin.io/classic-app-builder/videos/app-builder/bind-from-page-to-modal.md)
- [Calculcation & Formulas](https://docs.jetadmin.io/classic-app-builder/videos/app-builder/calculcation-and-formulas.md)
- [Team & Users Permissions](https://docs.jetadmin.io/classic-app-builder/videos/team-and-users-permissions.md)
- [Automations](https://docs.jetadmin.io/classic-app-builder/videos/automations.md)
- [Environments](https://docs.jetadmin.io/classic-app-builder/videos/environments.md)
- [Custom API Collection](https://docs.jetadmin.io/classic-app-builder/videos/custom-api-collection.md)
- [Nested Filters](https://docs.jetadmin.io/classic-app-builder/videos/nested-filters.md): Filters for related collections
- [Built-in Approval Flow](https://docs.jetadmin.io/classic-app-builder/videos/set-an-approval-workflow.md)
- [Create Multi-Step Forms](https://docs.jetadmin.io/classic-app-builder/videos/create-multi-step-forms.md)
- [Component Designer](https://docs.jetadmin.io/classic-app-builder/videos/component-designer.md)
- [Build Apps Together](https://docs.jetadmin.io/classic-app-builder/videos/build-apps-together.md)
- [Custom CRM](https://docs.jetadmin.io/classic-app-builder/videos/build-apps-together/custom-crm.md)
- [Internal Tool](https://docs.jetadmin.io/classic-app-builder/videos/build-apps-together/internal-tool.md)
- [Customer portal](https://docs.jetadmin.io/classic-app-builder/videos/build-apps-together/customer-portal.md)
- [Supabase CRM](https://docs.jetadmin.io/classic-app-builder/videos/build-apps-together/supabase-crm.md)
- [Import Figma design to Jet](https://docs.jetadmin.io/classic-app-builder/videos/import-figma-design-to-jet.md)
- [Authentication](https://docs.jetadmin.io/classic-app-builder/videos/authentication.md)
- [Supabase Auth](https://docs.jetadmin.io/classic-app-builder/videos/authentication/supabase-auth.md)
- [Firebase Auth](https://docs.jetadmin.io/classic-app-builder/videos/authentication/firebase-auth.md)
- [Xano Auth](https://docs.jetadmin.io/classic-app-builder/videos/authentication/xano-auth.md)
- [Move to AI App Builder](https://docs.jetadmin.io/classic-app-builder/move-to-ai-app-builder.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.jetadmin.io/classic-app-builder.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.