Constrain size of an attached Image on Custom Print Format

Frappe Framework Print Formats
1

I have a custom print format within which I call artwork_attach which is a Text Editor custom field where users attach an image to the Sales Order.

When I call that field in the custom print format I’m unable to use the normal image size constraint attributes as they seem to get ignored and I get the height/width text printing in plain text. See images below. My code is:

<img src="{{ doc.artwork_attach }}" height="42" width="42">

That prints like this - image full size and a broken link image at top, real image, followed by the constraint code:

So I tried:

<div style="max-width: 400px" >
<img src="{{ doc.artwork_attach }}" style="max-width:100%;" />
</div>

This resizes my image but it still has the broken image link and style max width printing as text:

What am I doing wrong here, not sure how to embed the {{ }} as an image correctly.

Thanks
Liam.

2

Your code seems okay, the html around it may be broken.

You can always right click on the element and click “Inspect Element” to debug.

3

I got it with the help of @max_morais_dmm (again). The guy is a genius!

Anyway the syntax is:

<div style="max-width: 400px">{{ doc.artwork }}</div>

Thanks everyone!