Issue with SVG Image Code: "Unable to find table 'START:''

"data&colon;image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?>
<svg width='650' height='800' xmlns='http://www.w3.org/2000/svg'>
<foreignObject x='5%' y='5%' width='90%' height='90%'>
<body xmlns='http://www.w3.org/1999/xhtml'>
<style>
table {
font-family: Arial, sans-serif;
font-size: 12px;
width: 100%;
border-collapse: collapse;
margin: 0 auto;
text-align: center;
}
table, th, td {
border: 1px solid #000;
padding: 6px;
}
th, td {
vertical-align: middle;
}
.hdr-peach {
background-color: #FFD9B3;
font-weight: bold;
color: #000;
}
.hdr-yellow {
background-color: #FFFF99;
font-weight: bold;
color: #000;
}
.col-headers {
background-color: cornflowerblue;
color: #000;
font-weight: bold;
}
</style>

<table>
<!-- Top header row: 4 cells -->
<tr>
<td class='hdr-peach' colspan='1'>Category:</td>
<td class='hdr-yellow' colspan='2'>" & [Field1] & "</td>
<td class='hdr-peach' colspan='1'>Date:</td>
<td class='hdr-yellow' colspan='2'>" & [Field2] & "</td>
</tr>

<!-- Column headers -->
<tr class='col-headers'>
<th style='width:5%'>No.</th>
<th style='width:20%'>Field A</th>
<th style='width:20%'>Field B</th>
<th style='width:20%'>Field C</th>
<th style='width:17%'>Field D</th>
<th style='width:18%'>Field E</th>
</tr>

" & Start:[ChildList] & "
<tr>
<td>" & [Field3] & "</td>
<td>" & [Field4] & "</td>
<td>" & [Field5] & "</td>
<td>" & [Field6] & "</td>
<td>" & [Field7] & "</td>
<td>" & [Field8] & "</td>
</tr>
" & End & "

</table>
</body>
</foreignObject>
</svg>"                                                                    Iโ€™m working with an AppSheet automation template where I embed an SVG string using a data&colon;image/svg+xml format. The goal is to display values from a parent record (e.g., field1, field2) along with related child records (field3 to field8) from a child table (ChildList) using the Start: expression. 

However, Iโ€™m getting the following error:

"Unable to find table 'START:'"

3 REPLIES 3
Top Labels in this Space