Hidden Elements Overview
Video:
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).
Show/Hide Elements Individually in Desktop/Mobile
To show or hide each element individually either in Desktop or in Mobile, select the element and in the Quick action tool choose the option Show on Desktop or Mobile. Text in blue indicates that elements is visible on that version. While in gray, elements are hidden in that version
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 Editor. Editor Settings dialogue box will display, then on the ‘Elements’ tab toggle ON/OFF 'Show hidden elements'.
