Hide elements by default

Tina shared this question 5 years ago
Answered

Is there a way to hide elements by default on screen load?


I have a box that should only appear on hovering over a certain elementy. If I hide the box by clicking the eye-symbol in the outline editor and aswell disable "show components marked as hidden" it's still shown when simulating the prototype.


If I hide the box with a page load event it flickers when starting the prototype.


Is there another way?

Best Answer
photo

To hide an element by default, select it on the Canvas or in the Outline palette, then look to the Properties palette and tick 'hide component'.

d644b674b7b6eb9307638e3d5cb2460c

Comments (4)

photo
1

You have to push the eye in the Properties panel, not in the Outline view.

photo
1

Ah, I couldn't see that icon when I hid the element in the outline properites. Thanks, now it's working!

photo
1

Nice. I missed that as well. I "solved" that by creating a blank rectangle and hiding that to reveal the div I wanted.


It's a poor kludge because when you have several actions layered over each other this technique doesn't work well.

photo
1

To hide an element by default, select it on the Canvas or in the Outline palette, then look to the Properties palette and tick 'hide component'.

d644b674b7b6eb9307638e3d5cb2460c