Hi, I have custom theme (POS) of sales invoice for thermal printer but the issue is when I give the print commend the whole paper roll is come out (printed). Actually selection of data should be printed.
Please advise what should I do?
Debugging custom themes is your responsibility. If you have a specific question, post the code. No one can possibly guess what is wrong with your theme.
@Honey What is the Printer you are using
I thing it sis a problem with your printer settings
<style>
@media print {
html, body {
width: 100%;
-webkit-print-color-adjust: exact
}
@page {
size: 100% 100%; margin: 0% !important; padding: 0%;
}
</style>
<table style="background-color: #FFFFF;padding: 02%; padding-left:03%; width:470px;color:
#000000; ">
<thead>
<tr>
<td colspan="99">
<table style="margin-bottom: 06px; text-align: center;">
<tr>
<td style="font-weight: bold; font-size: 18px">{{ title }}</td>
{% if business.logo != null %}<td class="text-end"><img src="{{ business.logo }}"
style="max-height: 150px; max-width: 300px" /></td>{% endif %}
</tr>
</table>
<table style="margin-bottom: 10px; text-align: center; font-size: 13px;">
<tr>
{% if business.address != null %}
<td style="width: 1px; white-space: nowrap">
<div style="font-weight: bold; font-size: 18px"">{{ business.name }}</div>
<div>{{ business.address | newline_to_br }}</div>
{% for field in business.custom_fields %}
<div>{{ field.label }} {{ field.text }}</div>
{% endfor %}
</td>
{% endif %}
</tr>
</table>
<table style="margin-bottom: 06px; font-size: 13px;">
<tr>
<td class="text-end">
{% for field in fields %}
<div style="font-weight: bold">{{ field.label }}</div>
<div style="margin-bottom: 10px">{{ field.text }}</div>
{% endfor %}
</td>
<td style="width: 10px"></td>
<td class="border-start" style="width: 10px"></td>
<td>
<div style="font-weight: bold">{{ recipient.name }}</div>
<div>{{ recipient.address | newline_to_br }}</div>
<div>{{ recipient.identifier }}</div>
</td>
</tr>
</table>
<div style="font-size: 14px; font-weight: bold; margin-bottom: 20px">{{ description }}</div>
</td>
</tr>
<tr>
{% for column in table.columns %}
<td style="writing-mode: horizontal-tb; border-inline-start-width: 1px; border-inline-start-style: solid; border-inline-start-color: #000; {% if forloop.last == true %} border-inline-end-width: 1px; border-inline-end-style: solid; border-inline-end-color: #000{% endif %}; text-align: {{ column.align }}; font-weight: bold; padding: 5px 10px; border-bottom-width: 1px; border-bottom-color: #000; border-top-width: 1px; border-top-color: #000; border-top-style: solid; border-bottom-style: solid{% if column.nowrap %}; width: 80px{% endif %}">{{ column.label }}</td>
{% endfor %}
</tr>
</thead>
<tbody>
{% for row in table.rows %}
<tr>
{% for cell in row.cells %}
<td style="writing-mode: horizontal-tb; border-inline-start-width: 1px; border-inline-start-style: solid; border-inline-start-color: #000; {% if forloop.last == true %} border-inline-end-width: 1px; border-inline-end-style: solid; border-inline-end-color: #000{% endif %}; padding: 5px 10px; text-align: {{ table.columns[forloop.index0].align }}; {% if table.columns[forloop.index0].nowrap %}; white-space: nowrap; width: 80px{% endif %}">{{ cell.text | newline_to_br }}</td>
{% endfor %}
</tr>
{% endfor %}
<tr>
{% for column in table.columns %}
<td style="writing-mode: horizontal-tb; border-inline-start-width: 1px; border-inline-start-style: solid; border-inline-start-color: #000; {% if forloop.last == true %} border-inline-end-width: 1px; border-inline-end-style: solid; border-inline-end-color: #000{% endif %}; border-bottom-width: 1px; border-bottom-color: #000000; border-bottom-style: solid"> </td>
{% endfor %}
</tr>
{% for total in table.totals %}
<tr>
<td colspan="{{ table.columns | size | minus:1 }}" style="text-align: end; padding: 5px 10px{% if total.emphasis == true %}; font-weight: bold{% endif %}">{{ total.label }}</td>
<td style="border-left-width: 1px; border-left-style: solid; border-left-color: #000; border-right-width: 1px; border-right-style: solid; border-right-color: #000; text-align: right; white-space: nowrap; border-bottom-width: 1px; border-bottom-color: #000000; border-bottom-style: solid; padding: 5px 10px{% if total.emphasis == true %}; font-weight: bold{% endif %}">{{ total.text }}</td>
</tr>
{% endfor %}
{% for field in custom_fields %}
<tr>
<td colspan="99">
<div style="font-weight: bold; padding-top: 20px">{{ field.label }}</div>
<div>{{ field.text | newline_to_br }}</div>
</td>
</tr>
{% endfor %}
<tr>
<td colspan="99">
{% if emphasis.text != null and emphasis.positive %}
<div style="text-align: center; margin-top: 40px"><span style="color: #006400; border-width: 5px; border-color: #006400; border-style: solid; padding: 10px; font-size: 20px">{{ emphasis.text | upcase }}</span></div>
{% endif %}
{% if emphasis.text != null and emphasis.negative %}
<div style="text-align: center; margin-top: 40px"><span style="color: #FF0000; border-width: 5px; border-color: #FF0000; border-style: solid; padding: 10px; font-size: 20px">{{ emphasis.text | upcase }}</span></div>
{% endif %}
</td>
</tr>
</tbody>
</table>
I have pasted the invoice theme for the thermal printer. Please advise
What a hurry. You can also search the forum as there are several posts about thermal printers.
Sir I already searched many posts but I could not find any solutions. That’s reason I asked above.
Appreciate your paitence.
I have no clue why this is being pursued at all. Custom themes are obsolete and I would encourage anyone to accept that fact and move on.