I built a simple responsive grid view using only plain FileMaker

[nils-w]

Display records in a responsive grid in list view with dynamic column count. Perfect for a photo lightbox or product catalog. The demo is set to display 3 to 6 columns depending on the window width. This technique is using plain FileMaker, no plugins, JavaScript or WebViewers involved.

Download the demo file from GitHub:

GitHub - fmgarage/ft-gridview: Responsive grid view, perfect for a lighbox or...

This is an example with 5 columns. The AI-generated images in this demo are automatically downloaded from the ThisPersonDoesNotExist service:

Let me know what you think and please share your suggestions either here or on GitHub.

Nils

[mipiano]

Brilliant technique, Nils!

Thanks for posting it here as well as on the German "FileMaker Magazin" forum.

~Udo

[steve_ssh]

Thank you for sharing this.

I am wondering if a sample .fmp12 file is available at the github link?

When I download the code archive, I do not see one, but I suppose I could be missing something or looking in the wrong place.

[mipiano]

@steve_ssh
Look here: Release v1.0.0 · fmgarage/ft-gridview · GitHub

[steve_ssh]

Awesome. Thank you, @mipiano . I appreciate the help!

[nils-w]

I just uploaded a new version with an added search functionality. I am still figuring out how custom sorting could be done.