Together with one of my clients, I just recently started creating a new visual file select panel field extension. It allows the user to select a single (or multiple, based on your settings) file in an intuitive and visual way.
It looks very nice, and will be a great replacement for several scenarios that I can think of. I’m going to implement it immediately for use with background images and I’ll let you know if I run into any issues or have any feedback.
It appears to work great. My one thought would be a feature addition, the ability to filter the results by file name as well.
If I wanted to use this for a featured image, a background image, etc within the same page I could then filter it by images that include a “bg” or “background” prefix in the file name. It’s a nit pick sort of thing, but this way you’re not seeing image repetition.
The filter would be a great thing to have for other fields with file options as well. I have thought about how to implement it on the yaml side, but didn’t find a good and self-explainatory solution so far. So any kind of input would not just benefit Jonas but would also help me to come up with such filters for select boxes, checkboxes and radio fields.
Great work! I immediately installed it in one of the projects I’m currently working on.
I have some pages with lots (almost 100) images there, so I wanted to restrict the height of the selector.
The easiest solution seemed to be to introduce a max parameter for the blueprint and to limit the height of the output like so:
That is an issue that didn’t came to my mind. Limiting the height of the field could greatly improve the usability on desktop devices.
How could we however handle this on mobile devices? Having the selector scroll it’s content on touch devices wouldn’t be ideal in my opinion. I guess we’ll have to just display all files like before, in that case. What do you think?
I never edit content on mobile devices, so please stop me if I’m compeltely wrong.
The first idea that came to my mind is a modal using all available space on the screen to display as many options as possible. Alternatively something like the mechanism the panel itself uses to hide subpages and the file listing?