Skip to main content
Custom Containers

Custom HTML containers provide a facility for organizing result card controls into logical groups for easy styling

Michael Fatica avatar
Written by Michael Fatica
Updated over 6 months ago

The blue uppercase entries in the results settings represent the start of a system-provided container. For example the "Title" container below contains the Unified Share and Title controls. This allows them to be positioned side-by-side in the results card's native Title position.

Custom Containers are available in Enterprise Plans only

MetaLocator provides a series of off-the-shelf containers that represent common control placements. These are listed in blue uppercase text as shown below:

Occasionally, a complex layout might require a specific custom container to group a series of elements together and one of the existing containers may not be ideal. In this case, a custom container can be created.

To group controls in a custom container, add the Container field as shown below. After adding the Container field, two controls are be added, Container Start and Container End.

There are a few rules for using containers:

  1. Each Container Start must have a Container End

  2. Each Container Start and Container End pair must be in the same system container.

  3. Container End must be after (below) its Container Start.

A few notable options include:

  1. Remove When Empty: This removes the markup for the container when the fields in the container also are empty.

  2. Styles: This allows for custom Bootstrap classes like d-flex, flex-row etc which can assist in CSS positioning

Did this answer your question?