Designer Only Components

NUI v2 introduces new Designer only components. As the name suggests, they are only visible in the designer and aim to improve the designer experience.

Presets Container

Preset Container lets you drop form presets into it, making them easily accessible while working on the design.

Using Presets

The container is removed when the app runs, but the CSS rules it applied remain.

It is not necessary to use the Presets Container. Form Presets work normally without it. The container just helps you keep them organised.

Preview Settings

The Preview Settings give you more control over the app preview while viewing it designer. To use it, just drag it onto a form and access it using the eye icon. The properties it toggles only affect the app in the designer and can be turned off when not needed.

• inflate_containers - Enabling this property adds extra padding to all containers (both NUI and default Anvil). This is helpful when you are having difficulty selecting a container.

• true_view - Aims to provide a more accurate view of the app from the designer by removing some designer-only settings (only affects NUI components). It has the following effects

  • Removes the placeholder component name when the text is empty.

  • Removes the minimum height set for containers/

  • Removes Presets Container

  • Enables true_html_structure for applicable containers within the designer. This comes at the cost of making them unselectable while this property is turned on.

Due to a known bug, true_html_structure isn't immediately reverted when you turn off this setting. You can either close that form tab or add any new component anywhere on the form to revert this property.