Tech Tip: How to Edit Components That Have Been Completely Hidden from the Page
PRODUCT: Qodly Studio | VERSION: 20 R | PLATFORM: Mac & Win
Published On: October 20, 2025
Components on a page can be assigned different Display properties (block, flex, etc.) to fit the needs of the UI design. When a component has its Display property set to “none”, it will be completely hidden from the page.
Generally, on its own, this is not very useful, but when combined with States to trigger the appearance and disappearance of the component, it can become quite handy. Since a component that has its Display property set to “none” is completely hidden, it will not be editable by selecting it on the page editor. It must be selected in the Page section under the Outline section of the left sidebar.
After selecting the component in the left sidebar, its properties can be edited in the right sidebar.
Generally, on its own, this is not very useful, but when combined with States to trigger the appearance and disappearance of the component, it can become quite handy. Since a component that has its Display property set to “none” is completely hidden, it will not be editable by selecting it on the page editor. It must be selected in the Page section under the Outline section of the left sidebar.
After selecting the component in the left sidebar, its properties can be edited in the right sidebar.