Hidden Elements Overview

Video Tutorial:

Article:

You can configure elements to show or hide on loading the page. This is useful for setting actions and behaviours, or if you just want to keep something on your page you don’t want viewers to see.

Select the element you want to hide, and in the Quick Actions toolbar, click the Start dropdown.

Start

Start hidden (selected element only) - when the page loads, the element will be hidden.

Start visible (selected element only) - when the page loads, the element will be visible.

Start hidden including contents - when the page loads, the element and its contents will be hidden.

Start visible including contents - when the page loads, the element and its contents will be visible.

Including Contents

If you have a panel element, selecting that panel and choosing an option that includes contents will affect all elements contained within the panel, so you don’t have to show or hide each element individually. But, you’ll still be allowed to configure individual elements.

For example, you may have a panel containing multiple elements, and you want to hide the panel and all but one of its elements on page load. Select the panel, and click Start Hidden Including Contents in the Start dropdown in the Quick Actions menu. This will affect all panel contents.

Then, select the one element you want visible on page load, click the Start dropdown, and click Start Visible (Selected Element Only).

Editor Display

By default, hidden elements are displayed in the editor (though they won't be shown on Preview, as this will show you what your page will look like when published).  If you'd prefer to not have these elements shown in the editor, you can do this by clicking on Display and then switching the 'Show Hidden Elements' toggle.