Home>Support>Resurrecting the “Using an image as `item_label`. Is this possible?” thread

Resurrecting the “Using an image as `item_label`. Is this possible?” thread

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?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 18 days, 1 hour ago Alex S Hi, I Work Here

    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,

  2. 17 days, 13 hours ago frafor

    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).

  3. 17 days, 12 minutes ago Alex S Hi, I Work Here

    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,

  4. 16 days, 15 hours ago frafor

    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%;
  5. 16 days, 12 hours ago Alex S Hi, I Work Here

    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,

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More