RossonLong1
2 years agoQrew Cadet
Code Pages: Creating Printable ID Badges.
Hello! I am working on a code page that will allow our users to quickly design and print all of their employee ID badges.
The formatting is done, I am now in the process of learning how to:
1. Repeat the HTML structure over and over until every employee ID badge is listed.
2. Connect the data in the HTML structure to the employee's table to draw upon the QB data to generate the content on the badges.
Here is a link to the code page I have been working on with dummy data/content to help visualize what I am working on:
http://old2.lztek.io/tests/codepage.html
Linked in the attachment is the codepage itself with comments on what divs and tables need to be repeated.
Here is an example of a single badge ID:
<table style="width:100%;">
<tr>
<td class="left">
<img class="logo" src="company-logo.png" alt="Company Logo">
<br>
<div class="name">John Doe</div>
<div class="job">IT Director of Constant caring and health.</div>
<div class="empid">ID#:120</div>
<br>
<img class="qr" src="qr-code.jpg" alt="QR Code">
</td>
<td class="right">
<div class="company-name">LZTEK, LLC</div>
<br>
<img class="portrait" src="portrait.jpg" alt="John Doe Portrait">
</td>
</tr>
</table>
Any help is appreciated! Thank you!
------------------------------
Rosson Long
------------------------------