Activate/Deactivate Design components

You can quickly activate or deactivate a component in your app directly from the Design Layers panel. This is equivalent to toggling the Active Display style in the Styles pane. This shortcut reduces the need to locate and change the setting in the Styles pane.
To activate or deactivate a component from the Design Layers panel:
  1. 1.
    Ensure the Design Layers panel is visible.
  2. 2.
    Hover over the component to expose the eye icon.
  3. 3.
    Click on the eye icon to toggle the active state of the component. The component will show or hide accordingly in the preview window.