Making a hidden component visible

App Builder components can be hidden, so that they still exist but are not visible to the user. When a component has been hidden, you can "unhide" it, making it visible again. The procedure for doing this depends on how the component was hidden.

Using the Visibility Style setting

If the component has been hidden by using the Visibility setting on the Style tab, make it visible again by simply resetting the Visibility setting.

Note: When you reset the Visibility option, the hidden component becomes visible and displays in its original position inside the Flexbox. This usually means that other components can be displaced, particularly components that might have been added after the hidden component was added.

Using the Width setting of a Flexbox component

In some cases, the component might have been hidden by setting the Width or Height option for the component to 0 (zero). This might, for example, have been done when creating apparent borders for a Flexbox. See Creating an apparent border for a Flexbox.

To make a hidden component visible when its Width or Height has been set to 0, perform this procedure:

  1. In the workspace, select the Flexbox in which the hidden (nested) Flexbox exists.
  2. Select the Content tab and locate the hidden Flexbox from the list of components in that Flexbox.
  3. Select the hidden (nested) Flexbox.
  4. Select the Style tab and set the Width or Height Value to something other than 0.

This makes the component visible again.

Note: Because this method of hiding a nested Flexbox results in one nested Flexbox overlaying the hidden one, doing this changes the layout of the parent Flexbox component.