Single Row Image in HTML Document Leave feedback

Note

In this article, we will use GroupDocs.Assembly to generate a Single Row Image report in HTML Document format.

As a report developer, you are required to represent information of first single customer with the following key requirements:

• Report must show image of the customer
• It must show Name and Contact Number of the customer
• Report must be generated in the Presentation Document.

<table>
<tr>
<td>
<img height="100" width="100" src="data:image/jpeg;base64,&lt;&lt;[customer.Photo]&gt;&gt;"/>
</td>
<td>
<table>
<tr>
<td>
<b>Name:</b>
</td>
<td>
<b>&lt;&lt;[customer.CustomerName]&gt;&gt;</b>  
</td>
</tr>
<tr>
<td>
<b>Contact Number:</b>
</td>
<td>
&lt;&lt;[customer.CustomerContactNumber]&gt;&gt;
</td>
</tr>
</table>

Tip

For detailed technical information about syntax, expressions and report generation by the engine, please visit: Working with GroupDocs.Assembly Engine.

Please download the single row image document we created in this article:

• single-row.html

Note

The example reads the shop data described in The Business Layer.

import json

from groupdocs.assembly import DataSourceInfo, DocumentAssembler

with open("customer.json", encoding="utf-8") as f:
    customer = json.load(f)

assembler = DocumentAssembler()
assembler.assemble_document("single-row.html", "single-row-report.html", DataSourceInfo(customer, "customer"))

<html>
<body>
<table>
<tr>
<td>
<img height="100" width="100" src="data:image/jpeg;base64,quayside-bistro.png"/>
</td>
<td>
<table>
<tr>
[TRUNCATED]