Guide
How-to guides.
4.0
Tagged pages in the 4.0 documentation.
Add documentation to classic apps
Learn how to add a README and user documentation to classic apps.
Guide
Assemble mobile layouts for classic apps
Learn how to assemble mobile layouts for classic apps.
Guide
Build custom React components
Learn how to develop and deploy custom React components for classic apps.
Guide
Build custom views using repeatable components
Learn how to display and interact with your data using repeatable components.
Guide
Build modules to reuse queries and components
Learn how to reuse groups of components and queries across classic apps.
Guide
Classic app error reporting and observability
Monitor classic apps by connecting with Datadog or Sentry.
Guide
Configure columns in the Table component
Learn how to configure, edit, and sort table columns.
Guide
Configure custom keyboard shortcuts for classic apps
Learn how to create custom shortcuts for classic app users.
Guide
Configure event handlers
Learn how to trigger actions and queries in response to user interactions.
Guide
Configure rows in the Table component
Learn how to configure table rows.
Guide
Configure server-side pagination for the Table component
Learn how to implement server-side pagination of data with the Table component.
Guide
Configure URL parameters
Learn how to control classic app behavior and pass values using URL parameters.
Guide
Customize classic app URLs
Learn how to customize classic app and page URLs.
Guide
Customize the appearance of the Table component
Learn how to customize the Table component using different styles and add-ons.
Guide
Define option lists
Use the option list editor to configure options manually or map data to generate them dynamically.
Guide
Design organization and classic app themes
Learn more about how to create organization and classic app themes.
Guide
Embed classic apps
Learn how to embed classic apps with optional authentication.
Guide
Filter data in the Table component
Learn how to filter and search table data.
Guide
Getting started with Agent Chat
Learn how to use the Agent Chat component to interact with agents.
Guide
Getting started with avatars
Learn how to display information about the current user and retrieve profile images from Gravatar.
Guide
Getting started with boolean inputs
Learn how to add, configure, and set the value of boolean input components in classic apps.
Guide
Getting started with buttons and links
Learn how to use buttons and links to help users navigate inside and outside of your classic app.
Guide
Getting started with charts
Learn how to use your data to create charts and graphs.
Guide
Getting started with Comment Thread
Learn how to use the Comment Thread component to enable users to post comments and start discussions directly within your classic apps.
Guide
Getting started with date and time components
Learn how to display and manage date and time values in classic apps.
Guide
Getting started with embedded media
Learn how to use PDF, QR Code, and Video components to display embedded content.
Guide
Getting started with file inputs
Learn how to upload files and images in classic apps.
Guide
Getting started with frames
Learn how to use frames to organize content in a classic app.
Guide
Getting started with icons
Learn how to use built-in icons in classic apps.
Guide
Getting started with images
Learn about the different ways to include images in your classic apps.
Guide
Getting started with LLM Chat
Learn how to use the LLM Chat component to provide access to an AI chatbot.
Guide
Getting started with Mapbox Map
Learn how to use Mapbox Map to display coordinates and other information on a map.
Guide
Getting started with navigation components
Learn how to build interfaces for users to navigate within classic apps.
Guide
Getting started with number inputs
Learn how to collect number values with input components in classic apps.
Guide
Getting started with pagination components
Learn how to help users move between pages within classic apps.
Guide
Getting started with presentation components
Learn how to use various components to present text, numeric, and graphic information in your classic app.
Guide
Getting started with select inputs
Learn how to provide a list of options from which users can select in classic apps.
Guide
Getting started with sliders and ratings
Learn how to provide number value ranges from which users can select in classic apps.
Guide
Getting started with the Calendar component
Learn how to display an interactive calendar in your classic app.
Guide
Getting started with the Form and JSON Schema Form components
Learn how to build forms using components or JSON Schema to collect user input.
Guide
Getting started with the Form component
Learn how to assemble an input form using the Form component.
Guide
Getting started with the IFrame component
Learn how to embed a web page as an iframe into your classic app.
Guide
Getting started with the JSON Schema Form component
Retool recommends using the Form component as it's more versatile for most use cases. Use the JSON Schema Form component only if your use case requires it. Refer to the comparison of form components for more details.
Guide
Getting started with the Key Value component
Learn how to display data in key-value pairs.
Guide
Getting started with the Table component
Learn how to display and interact with data using tables.
Guide
Getting started with the Timeline component
Learn how to use the Timeline component to display date information in a Gantt chart format.
Guide
Getting started with the Wizard component
Learn how to build a step-by-step interface with multiple paths using the Wizard component.
Guide
Group components with containers
Learn how to group components into multi-view interfaces.
Guide
Import and export classic apps
Learn how to import and export classic apps.
Guide
Localize classic apps
Learn how to localize your Retool applications.
Guide
Manage table data in Retool Database
Learn how to edit a table's data or schema in Retool Database.
Guide
Mobile app error reporting and observability
Monitor Retool Mobile apps by connecting with Datadog or Sentry.
Guide
Preview and share classic apps with users
Learn how to preview and share classic apps with users.
Guide
Preview and share mobile apps with users
Learn how to preview and share Retool mobile apps with users.
Guide
Record classic app user sessions with Fullstory
Learn how to capture user classic app behavior for use with Fullstory.
Guide
Reference dates and times in components
Learn how to reference dates and times in various components.
Guide
Share data between classic app pages
Learn how to pass data between pages in classic apps.
Guide
Use Retool custom component library
Learn how to use the Retool custom component library with your custom component.
Guide
Use TypeScript API to configure custom components
Learn how to configure custom React components with TypeScript API.
Guide
Validate inputs and forms
Learn how to validate forms and input components.
Guide
Version and release classic apps
Learn how to version classic apps or revert changes to a previous state.
Guide
Write WebDriver tests
Learn how to write Cypress and Playwright tests against your classic apps.
Guide