Allow client to select one image from a range of images

The CMS Questions
1

Each page of the website has a banner image across the top. I plan to give the client 12 different images from which I’d like them to be able to select from in the Panel. I’d like the 12 images to be clearly displayed, and ideally they can select from the display.

I’ve put all the images inside a folder/page called ‘banner-images’. Then with a files section and a query I can display them in the Panel. See attached.

Screenshot 2026-03-06 at 7.48.42 pm
Screenshot 2026-03-06 at 7.48.42 pm1936×723 71.8 KB

But how can a client select one of them? If they click Select they just get the selection window with the mega small image thumbnails

Screenshot 2026-03-06 at 7.22.16 pm
Screenshot 2026-03-06 at 7.22.16 pm529×421 21.2 KB

Do they simply have to remember the file name, or is there a better / more visual way for a client to select an image from a pre-set range of images?

I guess what I’d like is a Select field, showing the 12 images to select from (and for them to be large enough to see)

2

In Kirby 6, there will be better display option, although I’d expect if you use the cover option in the image options of the files field the previous of the picker would look better.

As an alternative, there is this plugin: GitHub - sylvainjule/kirby-imageradio: Add illustrations to Kirby's radio buttons. Compatible with Kirby 3, 4, 5. · GitHub, which does not actually select the file, but you could store the filename as value I guess.

1 Like
3

Thanks for the link to the plugin. This looks like exactly what I need! A visual way for the user to select an image. I can then add the value as a class to the <body> and from that add a different background-image and change the pages colour palette. Thanks