As the thread title says it would be cool if could be possible to setup an actual image as item_label for a repeater field.
This has already been asked like 5 yrs ago here: https://siteorigin.com/thread/using-an-image-as-item_label-is-this-possible/
The most common use case would be a repeater field used to set up an image gallery, or a slider, or anything image-related where it would be much smarter to show an actual image instead of, f.eg. the image title or another text or just an index.
Could you implement it as an alternative to val & html methods?
Hi Frafor,
Thanks for reaching out. The provided use case does sound like a really nice use case for this. Previously we had trouble seeing a potential use case for this so your post has really helped us get a better idea of its possible usage. While there haven’t been many requests for this type of change, I can definitely see the value in it. I’ve logged this as a feature request.
Kind regards,
Alex
Thanks for that!
Having an image preview would be amazing because I’ve found out that the current repeater item UI w/ drag & drop sorting can be easily columnized if you set repeater items to 33.3% via css by just adding two admin-side css rules (with container using display: flex and flex-wrap: wrap).
Hi Frafor,
That’s an interesting setup. Can you please provide me with a screenshot of your outlined usage?
We currently don’t support attachments so you’ll need to upload your screenshot to a site like Imgur and reply with a link.
Kind regards,
Alex
Sure, here it is: https://imgur.com/a/DIj0Vna
All items closed Vs one open. Next step i’d like to add is to make the layout reflect the column number set in the “layout” section, but it’ll likely be possible only if columns are <= 4 otherwise the open item view can get messy.
Below the admin-side css:
div.siteorigin-widget-form.siteorigin-widget-form-main-se-just-masonry-widget div.siteorigin-widget-field.siteorigin-widget-field-type-repeater .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items { display: flex; flex-wrap: wrap; } div.siteorigin-widget-form.siteorigin-widget-form-main-se-just-masonry-widget div.siteorigin-widget-field.siteorigin-widget-field-type-repeater .siteorigin-widget-field-repeater .siteorigin-widget-field-repeater-items .siteorigin-widget-field-repeater-item { width: 33.3%; }Hi Frafor,
Thanks. That’s a really interesting idea and I can definitely see the appeal of this type of functionality with that layout.
Kind regards,
Alex