If you’ve uploaded images in a form and can see them in your report, you might also want to display those same images inside a Page (custom HTML page).
This is useful for dashboards, profile pages, or any place where images should be visible dynamically outside the default report view
[SAMPLE CODE]
<%{
// Fetch all records from the Form’s Report
records = Profile_Report[ID != 0];
uri = zoho.appuri;
%>
<% for each rec in records {
image_link = rec.Image; // Replace 'Image' with your field name
if(image_link != null) {
// Convert the report URL into a usable page URL
image_link = image_link.replaceAll("https://creator.zoho.in/sharedBy/appLinkName/", "https://creator.zoho.in" + uri);
image_link = image_link.replaceAll("viewLinkName","All_Profiles");
image_link = image_link.replaceAll("fieldName","Image");
}
%>
<div class="card">
<% if(image_link != null) { %>
<div class="image-container">
<img src="<%=image_link%>" alt="Image from Report" />
</div>
<% } else { %>
<div class="no-image">No Image</div>
<% } %>
<h3><%=rec.Name%></h3>
</div>
<% } %>