Page 1 of 1

show multiple image on custom template card

Posted: Sun Jul 31, 2022 11:31 pm
by nabilahasna

Hi

I have one field image in database with multiple file upload image option (3 image)

i try to show all image in custom templatecard

<div class="card h-100">
<div class="col-md-6">
<div class="card-body">
<h5 class="card-title">{{{value title}}}</h5>
</div>
</div>
<div class="row g-0">
<div class="col-md-6" style="width:128px;height:128px;">{{{value image}}}</div>
<div class="col-md-6" style="width:128px;height:128px;">{{{value image}}}</div>
<div class="col-md-6" style="width:128px;height:128px;">{{{value image}}}</div>
</div>
</div>

but only show 3 image with same image (first image upload and other image not show)
how to make 3 image show at the same time

TIA


Re: show multiple image on custom template card

Posted: Sun Jul 31, 2022 11:59 pm
by arbei

As said in the help file:
Remember that Custom Template is rearrangement of existing HTML fragments in the page.

The tag {{{value image}}} means the original HTML of the field (including all images of the field), you cannot split them by Custom Template.

And therefore the attributes class="col-md-6" style="width:128px;height:128px;" are wrong.

You may inspect HTML in your browser and try to find out why only the first image is shown.