Preview:
<%{
	CompanyLogo = "https://carrierwheels.com/images/CW_Logo.png";
	get_comp = Company_Details[ID != null];
	stk = get_comp.Calibration_Sticker;
	img_name = stk.getSuffix("image/").getPrefix("border").replaceAll("\"","").getPrefix("lowqual").trim();
	qrurl = "https://previewengine-accl.zoho.in/image/WD/75us6336db819bd5547e8abb2aedb299e71f8?version=1.0&width=2046&height=1536";
	log = get_comp.Calibration_Sticker.getSuffix("image/").getPrefix("border").replaceAll("\"","").trim();
	comp_logo = "https://creatorapp.zohopublic.in/carrierwheels/erp/Company_Details_Report/" + get_comp.ID + "/Calibration_Sticker/image-download/j6hYk3Aydznp76py4dSap5JAORMuJxeEjMAb2Vdsteh0Cg35dYySwyzXFY2Fz1KFhjwJttt5ka7nn5jbvnnxGJD1Hh8BeJMJ6qZN/" + log;
	test_lis = List();
	text = input.var_text.toList();
	%>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<style>


.table2
   {
   width : 10%;
   border :1px solid black;
   text-align : center;
   border-collapse : collapse;
   font-family: Times New Roman;
   margin-left:auto;
   margin-right:auto;
   }
   html{
    height: 100%;
}
.column {
  float: left;
  width: 20%;
  padding: 9px;
  height: 200px;
}

.row:after {
  content: "";
  display: table;
  width: 100%;
  clear: both;
}
@media print {
     body {margin: 0mm}
}
</style>
<div class="row" style="padding:7%">
<%
	for each  rec in text
	{
		fetcal = Calibration_History[ID == rec];
		calmast = Calibration_Master[Gauge_No == fetcal.Gauge_No.Gauge_No];
		%>
<div class="column">
			<img src=<%=comp_logo%> width="110px" height ="18px">
			<h4 style="font-size:7.5px">Gauge No:<%=ifnull(fetcal.Gauge_No.Gauge_No,"")%></h4>
			<h4 style="font-size:7.5px">Cal Done Date:<%=ifnull(fetcal.Cal_Done_Date,"")%></h4>
			<h4 style="font-size:7.5px">Cal Due Date:<%=ifnull(calmast.Cal_Due_Date,"")%></h4>
			<h4 style="font-size:7.5px">Checked By:<%=ifnull(fetcal.Calibration_By.Employee_Name,"")%></h4>
			</div>
<%
	}
	%>
</div>
<%

}%>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter