Changelog

Fixes and improvements​

• Added support for "Auto" height on Modules
• Improved drag-and-drop so that components roughly maintain their sizes when dragged into Container components
• Fixed the user "Download as CSV" so that the last active date always appears
• Added validate and clearValidation APIs for the Form component
• Improved selection in the Table component such that selected rows will now be selected and deselected correctly while filtering
• Fixed the Date Time component so that the Date subfield correctly persists its value
• Fixed alignment in the query editor for REST API queries
• Added a new "Reset state" action to the component context menu
• Fixed an edge case the Select component would unexpectedly reset the input value when connected to a dynamic datasource
• Fixed an edge case where adding Chart components to empty List View components would cause the editor to crash
• Fixed an edge case where scrolling a Select component in a Modal component would sometimes scroll the application
• Fixed multiple component selection so that text isn't additionally selected

Check out this guide to see the on-prem versions and their release notes. These fixes and improvements will be rolling out to on-prem customers in the next few weeks.

• Fixed the Modal component so that it cannot open behind existing modals
• Fixed the List View component so that the first row is vertically sized correctly
• Added a new option to the Table component "Reset after successful save" that allows you to control whether the Table data should reset after saving or adding new rows
• Fixed the height of the first line of text in the Text component
• Improved drag and drop behavior on Safari for the Image component
• Fixed theme in the hover model browser so that it shows changes correctly
• Added the ability to save a query even when it's running Check out this guide to see the on-prem versions and their release notes. These fixes and improvements will be rolling out to on-prem customers in the next few weeks.

More customizable Select components​

Select, Listbox, and their Multiselect variants are getting a lot more customizable! Using the recently launched option list editor, you can easily assign a color, image, icon, and prefix text to each option. The layout will automatically adapt as you mix and match settings, and you can adjust the image size and shape in the Style Editor.

Theme and Style Editor updates​

The color picker in the Style Editor now includes all of the swatches from your Theme, including two new optional colors: Secondary and Tertiary. We’ve also added a theme global, so you can reference theme colors directly in your code. For example, conditionally indicate success or failure with {{ someCondition ? theme.success : theme.danger }}.

Automatic colors​

Last but not least, Themes have also been updated with a collection of Automatic colors that can be used by components like Tags, Select, Listbox, and Avatar. Colors from this collection are deterministically assigned based on text in the component. For example, the tag “Foo” will get the same color assignment no matter where it appears in your app.

Configure your automatic colors directly in your Theme Editor

Fixes and improvements​

• Improved query creation from event handlers so that it default creates the last selected query type
• Fixed the Table component's "select all" menu for checkbox selection
• Fixed an edge case where transformers would not run on page load
• Improved the experience of resizing components
• Fixed Select components that were incorrectly showing validation errors when required was set to true
• Fixed the Table component's "row select change" event that was incorrectly firing twice
• Added a new setting so that Modal .open() and .close() can optionally trigger the Open and Close event handlers
• Added support for the Image component to have a smaller height in Fixed height mode
• Fixed component repositioning via keyboard
• Fixed keyboard navigation on the canvas such that arrow keys do not swap component positions
• Added a warning in edit mode when Table "save changes" events are not configured
• Fixed the Table component's "Row select change" events that were firing twice when rows were selected via keyboard arrow keys
• Fixed Range Slider and Toggle Button components so that they don't automatically trigger dependent queries with the "Run query only when manually triggered" setting on
• Consolidated the 'Dynamically show column' and 'Show column' fields into a single 'Show column' field for the Table component's column editors
• Fixed the Modal component so that it maintains visual height when switched to Fixed height
• Fixed the ability to show/hide a button to clear selection in the Table component
• Fixed "text auto" colors for modules being used in applications

Check out this guide to see the on-prem versions and their release notes. These fixes and improvements will be rolling out to on-prem customers in the next few weeks.

Table updates​

Working with Table just got a lot more efficient thanks to major improvements to keyboard navigation and new UI for multi-row selection!

Keyboard navigation​

We’ve vastly expanded keyboard navigation support in Table, enabling your end users to work much more quickly.

Use the arrow keys to move between cells, with up/down now respecting the sort order (a long-standing bug). On editable cells, hit** **Enter to edit or just start typing to replace the content. Hit Enter again to commit your edits and move down a row, Tab to commit and move to the next column, or Esc to revert. You can also clear the focused cell with Delete/Backspace and copy the contents with CMD+C (**CTRL+C**).

We also added a Double click to edit option in the Inspector section, on by default for upgraded Tables. Turn this off to return to the old single-click mode.

Existing Table components can be upgraded in the Inspector, enabling keyboard navigation and converting all columns to the new column types announced a few weeks back. To access legacy column types, choose Downgrade component from the ••• menu.

Checkbox selection​

We’ve also added an optional checkbox column for Tables with multi-row selection enabled. When the setting is turned on (Use checkbox column for selection under** Row Selection**), an additional column will appear on the left with checkboxes to control row selection. The header also includes a checkbox to instantly select every row, along with a menu to select all rows on the current page.

Fixes and improvements​

• Added a new "Auto" height option for Modules, allowing them to resize themselves to fit their contents
• Fixed Form components in Modules so that validation and submit buttons work properly
• Added support to control which menu items are highlighted in the Navigation component
• Fixed dynamic height components so that they don't shift the canvas layout when deleted
• Increased the size of handles on components to make resizing easier
• Improved drag-and-drop such that moving a component into a Container component will preserve its width as much as possible
• Fixed action buttons for the Table component so that they fire on first click in editor mode
• Fixed the editor canvas so it does not change it's size when dragging components
• Fixed component selection so that hidden containers stay visible when you're selecting any component inside of them
• Fixed the Slider component and the Range Slider component's outputs when the value is over 1,000
• Fixed layout issues with dragging around hidden components
• Fixed an edge case where style editor colors would occasionally display incorrectly
• Fixed an issue where you could not programmatically call selectRow in Table components with multiple selection enabled
• Added the ability to dynamically set whether a Table component supports selecting multiple rows

Check out this guide to see the on-prem versions and their release notes. These fixes and improvements will be rolling out to on-prem customers in the next few weeks.

Multiple environments​

We’ve added support for multiple, user-defined environments, making it easy to build, run, and test applications to suit your development needs. Now, you're not constrained by only **Staging **and Production: admins can configure as many environments as they need under Organization Settings > Environments:

To set these up on the resource level, define configurations for all environments under Resources:

As you're editing and previewing applications, switch between environments to quickly test against different scenarios (e.g. switching between QA data and production data).

This feature will be available on all plans, and is rolling out to customers in the next few weeks. If you have any feedback, let us know in the community forum!

Fixes and improvements​

• Fixed keyboard shortcuts that were occasionally not firing in editor mode
• Fixed an edge case where multiple options' tooltips could display at the same time for Select, Multiselect, Listbox, and Multiselect Listbox components
• Fixed resizing widgets when scrolling the canvas
• Added automatic code hinting to the options list editor for components like Select and Multiselect
• Added an option to order columns via the Table component's dynamic column settings
• Fixed git syncing with GitHub, which was failing due to an error about using RSA key with SHA-1

Check out this guide to see the on-prem versions and their release notes. These fixes and improvements will be rolling out to on-prem customers in the next few weeks.