Skip to main content

Lists: Show or hide the container box for each item

In Studio.Design lists, you can customize the design of each item individually, including colors and button visibility. This article shows how to use boolean properties to show or hide elements for each item in a list.

Point: What is a List?

A List is a feature that lets you manage content and design in one place when you need to repeat the same layout. For basic usage, see How to create and manage Lists.

Show or hide elements

Using a Boolean property, you can control whether specific elements are shown or hidden. This is helpful when you want to display special content only on certain items.

How to set it up

1. Add a Boolean property to the List

  1. Select the List.

  2. In the right panel, select the [Data] tab.

    If the panel is closed, open the right panel.

  3. Click [+] to add a Boolean property.

2. Turn the property on or off for each item

Turn the Boolean property on for the items where you want the element to appear.

Screenshot showing how to edit a Boolean value.

3. Set the visibility condition

  1. Select the box whose visibility you want to control.

  2. In the right panel, select the [Settings] tab.

    If the panel is closed, open the right panel.

  3. In the visibility condition field, select [Boolean].

Note: The "is True" and "is False" visibility conditions available for CMS Boolean values cannot be selected when working with a List. Instead, use the toggle to switch the property on or off for each item.

Did this answer your question?