In previous versions, it wasn’t possible to use HTML markup in fields. This feature has quite a few use cases. For example, you can show additional images on invoices or quotes.
Description in line item such as:
<img src="https://imgur.com/Rw3up5r.png" style="float: right">
- Species: Malus domestica
- Parentage: Cox's Orange Pippin x Oldenburg
- Originates from: Germany
- Introduced: 1930
- Developed by: Kaiser Wilhelm Institute
- Orange Pippin Cultivar ID: 1147
- UK National Fruit Collection accession: 1972-026
Or you can use HTML for greater control over what is shown at the end of the quote. Let’s say you would like to show a box for signature. In order to do this, enter into Notes field following code:
This HTML support in Inventory Items is quite useful i tried firstly with the same (<img src='//cdck-file-uploads-us1.s3.dualstack.us-west-2.amazonaws.com/flex019/uploads/manager1/original/2X/1/18ffaac16b48cd2925d7e78de4423bc475fd41f0.png' style="float: right">) image and it worked, but most of my images are large in size so from the internet i found a way to control size of image <img src="http://gdurl.com/ch3E" style="float: right" img width="100"> by this code/link (img src ="http://gdurl.com/ch3E" style="float: right" img width="100") but when i put it in the description the size is not affected and picture appears very large and when i check the description again the size part of the code is not there only image part is there <img src="http://gdurl.com/ch3E" style="float: right">
Don’t control image size with width attribute. The reason is that images might be smaller on screen but their size is still original which means they will take a lot of space when you generate your sales quote.
You need a tool which will physically resize your images. There thousands of programs which do this and most of them are free.
yes thanks alot it has saved alot of time because i would have to physically compress more than 700 pictures, its working also i conserved the position that is on the right side the image appearing looks great, here is what i tried with
is it possible to watermark every bill with same image on background with custom transparency ?
if its possible without using HTML template codes please revert me back with details -
thank you
That isn’t possible in Manager. However, depending on your operating system and other software you have, you might be able to first save the invoice as a PDF file, then add the watermark in your printing software.
I think there is a way. Since you can use HTML code in fields, you should be able to inject HTML element which should be absolutely positioned in the middle of document with transparency. I don’t think anybody has tried it yet but it’s something that should be possible.
Put this in the Notes field: <img src="http://path.to.image/source" style="position: fixed; top: 50%; left: 50%; margin-top: -250px; margin-left: -250px; opacity: 0.5; z-index: -99;">
Replace the margin-top value with negative one-half of the image’s height, and replace the margin-left value with negative one-half of the image’s width (the example above is for a 500x500-pixel image). You can tweak the opacity value from 0 to 1 to get the look you want. The z-index is key, as it specifies that the image should appear behind everything else. Note that when you preview the invoice on your screen, you won’t see the watermark, but it will appear in the output when it’s printed.
@Lubos: What local directory is considered relative root for source files in field markup? That is, if I want to use a local image file, where should I put it (or which directory should my src path be relative to)?
