Skip to main content

October 29, 2021

{{ self }}

Components can now reference themselves in the inspector using the {{ self }} keyword! Access any component properties using {{ self }}, like the component’s value/values, label/labels, settings like disabled, hidden, readOnly, and validation properties such as maxCount.

For example, in a component like Select or Multiselect, you can set the labels to dynamically update to the capitalized values with {{ self.values.map(.startCase) }}_ –this will actually be the new default going forward! It also makes dynamic styling much more powerful–for example, you can style the Statistic component’s trend green when **{{ self.secondaryValue > 0 }}** and red otherwise to indicate upward or downward trends.

{{ self }}** is available for all components, and works in their event handlers, too! We’ve updated a bunch of our components to use {{ self }}** for better defaults–but we’re excited to see what you configure with it. Drop us a note in the community forum with any examples, feature requests, or feedback! This feature is available to all cloud customers, and will be included in the next on-premise release.

Fixes and improvements

  • Fixed unexpected layout shifts in some apps while dragging/resizing
  • Fixed form generation to set labels correctly for checkboxes
  • Improved performance when querying the audit log
  • Added the ability to enable/disable release management across an organization from Advanced Settings

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.