{"type":"doc","content":[{"type":"heading","attrs":{"level":1},"content":[{"text":"Receipt Elements","type":"text"}]},{"type":"paragraph","content":[{"text":"An HTML receipt has three main sections: ","type":"text"},{"text":"header","type":"text","marks":[{"type":"strong"}]},{"text":", ","type":"text"},{"text":"main","type":"text","marks":[{"type":"strong"}]},{"text":" and ","type":"text"},{"text":"footer","type":"text","marks":[{"type":"strong"}]},{"text":". This is how a printable receipt looks like:","type":"text"}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n\n

\n ...\n

\n \n\n","type":"text"}]},{"type":"paragraph"},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"header","type":"text","marks":[{"type":"strong"}]},{"text":": This element is mandatory and It can contain:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Zero or more ","type":"text"},{"text":"Line","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"href":"https://handpoint.atlassian.net/wiki/spaces/HIP/pages/1401913396/Html+Receipt+Template#Line-elements"}}]},{"text":" elements","type":"text","marks":[{"type":"link","attrs":{"href":"https://handpoint.atlassian.net/wiki/spaces/HIP/pages/1401913396/Html+Receipt+Template#Line-elements"}}]}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"main","type":"text","marks":[{"type":"strong"}]},{"text":":","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Zero or more ","type":"text"},{"text":"Line","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"href":"https://handpoint.atlassian.net/wiki/spaces/HIP/pages/1401913396/Html+Receipt+Template#Line-elements"}}]},{"text":" elements","type":"text","marks":[{"type":"link","attrs":{"href":"https://handpoint.atlassian.net/wiki/spaces/HIP/pages/1401913396/Html+Receipt+Template#Line-elements"}}]}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"footer","type":"text","marks":[{"type":"strong"}]},{"text":":","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Zero or more ","type":"text"},{"text":"Line","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"href":"https://handpoint.atlassian.net/wiki/spaces/HIP/pages/1401913396/Html+Receipt+Template#Line-elements"}}]},{"text":" elements","type":"text","marks":[{"type":"link","attrs":{"href":"https://handpoint.atlassian.net/wiki/spaces/HIP/pages/1401913396/Html+Receipt+Template#Line-elements"}}]}]}]}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Line elements","type":"text"}]},{"type":"paragraph","content":[{"text":"There are three types of Line elements:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Text ","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"href":"https://handpoint.atlassian.net/wiki/spaces/HIP/pages/1401913396/Html+Receipt+Template#Text-Element"}}]},{"text":" element","type":"text","marks":[{"type":"link","attrs":{"href":"https://handpoint.atlassian.net/wiki/spaces/HIP/pages/1401913396/Html+Receipt+Template#Text-Element"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Separator","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"href":"https://handpoint.atlassian.net/wiki/spaces/HIP/pages/1401913396/Html+Receipt+Template#Separator-Element"}}]},{"text":" elements","type":"text","marks":[{"type":"link","attrs":{"href":"https://handpoint.atlassian.net/wiki/spaces/HIP/pages/1401913396/Html+Receipt+Template#Separator-Element"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Img","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"href":"https://handpoint.atlassian.net/wiki/spaces/HIP/pages/1401913396/Html+Receipt+Template#Img-Element"}}]},{"text":" element","type":"text","marks":[{"type":"link","attrs":{"href":"https://handpoint.atlassian.net/wiki/spaces/HIP/pages/1401913396/Html+Receipt+Template#Img-Element"}}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Separator Element","type":"text"}]},{"type":"paragraph","content":[{"text":"A separator is defined through a ","type":"text"},{"text":"

","type":"text","marks":[{"type":"code"}]},{"text":" Element. Its height, the blank space before and after can be set in the ","type":"text"},{"text":"style","type":"text","marks":[{"type":"code"}]},{"text":" attribute:","type":"text"}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"

","type":"text"}]},{"type":"paragraph","content":[{"text":"Three different styles of separator are available:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Blank separator","type":"text","marks":[{"type":"strong"}]},{"text":": ","type":"text"},{"text":"

","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Solid separator","type":"text","marks":[{"type":"strong"}]},{"text":": ","type":"text"},{"text":"

","type":"text","marks":[{"type":"code"}]}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Dotted separator","type":"text","marks":[{"type":"strong"}]},{"text":": ","type":"text"},{"text":"

","type":"text","marks":[{"type":"code"}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Text Element","type":"text"}]},{"type":"paragraph","content":[{"text":"There are two types of Line elements:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Simple Text Element:","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"

$10.50

","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Labeled Text Element","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"codeBlock","content":[{"text":"

\n MID\n 1092839010\n

","type":"text"}]},{"type":"paragraph","content":[{"text":"The class attribute can be used to control ","type":"text"},{"text":"text-align","type":"text","marks":[{"type":"em"}]},{"text":", ","type":"text"},{"text":"text-style ","type":"text","marks":[{"type":"em"}]},{"text":"and","type":"text"},{"text":" text-size ","type":"text","marks":[{"type":"em"}]},{"text":"properties:","type":"text"}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Class","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Values","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":" text-align","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"left, right, center","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"text-style","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"bold, italic (default is normal)","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"text-size","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"xxsmall, xsmall, small, large, xlarge, xxlarge (default is normal)","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Img Element","type":"text"}]},{"type":"paragraph","content":[{"text":"Use this HTML element to print an image:","type":"text"}]},{"type":"codeBlock","content":[{"text":"

","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Fixed width Font ","type":"text"}]},{"type":"paragraph","content":[{"text":"Handpoint allows developer to use a fixed width font, in order to so the font style needs to be added to the root html element. ","type":"text"}]},{"type":"codeBlock","content":[{"text":"\n...\n","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Example","type":"text"}]},{"type":"paragraph"},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"text":"\n \n \n

\n 17/12/2019\n 11:00\n

xxlarge bold center

xxsmall bold center

left bold large

right italic large

\n left bold\n value\n

\n \n \n","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1443,"id":"8a11d170-04ce-4892-95ae-4541d1145258","collection":"contentId-1409875969","type":"file","height":764}}]},{"type":"paragraph"}],"version":1}

Browser not supported