Timeline component update
The new Timeline component displays a Gantt chart of events that represent a project or plan over time.
Updates, changes, and improvements at Retool.
The new Timeline component displays a Gantt chart of events that represent a project or plan over time.
We've released a new version of the Tags web component that includes many of the features available in other components. This includes:
The previous version of Tags is still available as a deprecated component and any existing apps that use it will continue to do so. You must update any existing apps if you want to make use of the new version.
The new Tags component is available on Retool Cloud and the latest edge release of self-hosted Retool.
The Key Value component for web apps now supports editable values and save actions. When configured, users can edit and save value changes in much the same way as the Table component.
Custom product pages allow organizations on the Business plan and above to replace Retool's login, reset password, signup, and invitation claims pages with custom Retool web apps.
This feature is currently an early access beta. Contact your account manager or reach out to request access.
Custom component libraries is the new approach to building custom React components for web apps. Previously, custom components were built directly within the App IDE. With custom component libraries, you can now build components locally in your development environment, then deploy to Retool. After deploying, you can drag and drop components into apps as you would any other component.
Custom components are contained within libraries, and each library has a unique name. Custom components deployed to Retool are automatically shown in the Component Library.
Split Pane is a new web app frame pattern that allows users to create a resizable and scrollable frame, with a custom width, alongside the main canvas. You can add a Split Pane frame from the Frames section, or drag it onto the canvas from the Component Tree.
Webdriver tests are a great way to ensure that your Retool app is working as expected. They can be run on your local machine, against a staging instance, or in a CI/CD pipeline against your development branch to ensure that your app is working as expected.
The new Add new row Toolbar action makes it possible to input values directly into the Table component. New rows are added to the table's changeset to save. Adding rows directly to a table provides an alternative method to using a separate Form component and input fields.
Internationalization (i18n) is now in beta for organizations on the Enterprise plan. This allows you to localize Retool app content and data.
This beta is available on Retool Cloud and self-hosted deployments running Retool 3.38 or later. Contact your Retool account team to request early access.
We're continuing to make performance improvements after recently upgrading to React 18. Update batching groups state updates together, rather than perform each one separately, to optimize performance. This results in a more responsive experience in Retool and faster page load times.