Dynamic List Interactions—SETTLED

Design help Animations & Interactions
#1

“Dynamic List” list items inherit style attributes from other other list items within their own collections—this is awesome. They also inherit interactions, which can be awesome too.

But…is there a way to “turn off” interaction inheritance, so that each item can have it own interaction setting?

The first six portfolio blocks on my page have a staggered fade-in IA.

The next six portfolio blocks on my page are served by a collection and share a fade-in interaction that makes them fade-in at the same time. I’d like them to have a staggered effect like the fist six.

Here is my public share link:
https://preview.webflow.com/preview/cynple?preview=9c54bc7f62bb3ad4fc8225cfec5926c2

#2

Hi @anon55398716, unfortunately, in the same dynamic list it will be not possible.

#3

Can’t you just create 2 different dynamic lists, and then add filters so that only 1-6 show on the first list?

#4

@sabanna, Thanks!

I’ll work around this. Having the same IA timing for all is growing on me.

#5

@kasperkazzual Ooooooooh…so if I want to showcase 24 portfolio thumbnails, I would have to have 24 different lists, like 24 separate divs?

#6

If you want different interactions on every single one of them, I think so…

#7

That would be too messy :confused:

#8

@kasperkazzual, Thank you for your thinking…I didn’t think of that and that might be a suitable work-around for something with only a few items. But I do think it would get unruly for many more than that. Thanks, @sabanna.

1 Like
#9

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.