Streaming live at 10am (PST)

Rearrange grid layout on mouse click

Hi,

I am trying to re-arrange my grid layouts on mouseclick.

example:
http://christiafung.com

please go to “some work”
try selecting different types of her projects (all, web, print, etc)
Her grid re-arranges itself and hides/shows works that are relevant to the selected type.

I wanted to do the same. Please help! Thank you!

1 Like

Hi @Uyangaa_Cooper, this type of layout is more related to interactions, CMS categories than with actual grid. Yes the grid provides the layout, but you would need to use at min 2 CMS collections, one for the different categories and the other for the actual projects.

From there you could create an interaction that would allow you to give it that movement, but to move them independently like that, would take a lot of custom code.

Hello there,

I’m quite new to webflow and I’m looking exactly what @Uyangaa_Cooper is looking for!
A grid that re-arranges itselft accorading to the selected catergory.

@WebDev_Brandon or anyone, can you direct me through some links talking about this process in detail ? I’m not really sure to understand the use of CMS here…

Thank you in advanced ! :slight_smile:

-Charles Collin