Join the Webstudio community

Updated 2 months ago

Hidden collection items

At a glance

The community member who posted the original post is wondering about collapsing hidden collection items to keep the navigation tree shorter. The comments discuss the potential advantages and disadvantages of this approach, such as not being able to see the order of all items, and whether the items are truly "hidden" or just not shown. The comments also raise questions about the implementation, such as whether the community member would iterate over the data and conditionally set the "show" property, and how many items are involved. One community member also expresses a need to understand the underlying problem the community member is trying to solve, beyond just having a large number of items in a hidden state.

Not a big deal, but wondered about collapsing hidden collection items to keep the nav tree a bit shorter. So this:
Attachment
image.png
S
J
O
7 comments
Would become
Attachment
Screenshot_from_2024-10-02_15-16-06.png
I guess one disadvantage is that you don't see the order of all items. Don't know how helpful that is.
I guess technically they are not 'hidden' but are not shown.
That mockup looks like it would change the DOM structure.
Do you iterate over data and conditionally set show = false via binding?
How many items have you got there?
I need to understand whyis this important to you, what's the problem you are solving, beyond of having a bunch of items that are in a hidden state in the navigator
Add a reply
Sign up and join the conversation on Discord