Building a Mobile Responsive Grid Layout in FileMaker Pro

Hello FileMaker Devs! I just wanted to share a tutorial I wrote on how to build a mobile responsive grid with click events.
2024-08-24 08.38.31

The code should be pretty easy to edit and add your table data to the grid.

You can copy the app from GitHub:
github.com/GreenFluxLLC/FileMaker-Experiments/CSS Grid

7 Likes

That's an excellent tutorial @greenflux.

1 Like

Thanks @Malcolm ! I'm really getting back into FileMaker lately after a few years away. I didn't know any JavaScript or frontend development years ago when I was active in FileMaker, and now I'm realizing all the features I wanted to add back then are possible with web viewers.

I have a bunch of new content planned, and I'm starting a new series of videos on low-code tools.

Here's the first video:

6 Likes

Another very nice implementation.

I've been doing a variation of that with a recalcitrant client who is adverse to "rule by computer". No matter how many fields I provide, they put the entire address into the first field. So I grab that, throw it at the Nominatum API and see if I can get a valid address. Amazingly, most of the time Nominatum can parse the address, and that is poured into the correct fields. When Nominatum can't figure it out I throw up a window asking them to try again.

2 Likes

Very nice! thanks for sharing :+1:

1 Like

Great! Thanks a lot for sharing! :slight_smile:

1 Like

Thank you for sharing this !

1 Like

A lot of people questioned the fact that Claris made some room to use JavaScript. This is an example of the power of Java. You need a special control not provided by FileMaker ? Create a small WebViewer and implement it inside then insert
that WebViewer inside your Layout !

@greenflux , you proved that FileMaker is still able to create great apps !

2 Likes

Thanks everyone! Great to see so much interest in this type of content. I have more on the way!

1 Like