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 10 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?