Remove all "Item Table" Borders with custom css?

4

Hi @philip,

you’re welcome. Once you click “Custom format”, the drag-and-drop editor is hidden and instead, you have the html field. Populate this, save and you have your very own print formar (no need to copy/paste).

Now, the code of the drag-and-drop print format is not easily accessible (see also Print Format HTML - #3 by lasalesi). But you can take this as a start:

<!-- HEAD -->
<div  id="header-html" class="hidden-pdf" >
  <div class="print-heading">
	<h2>Sales Invoice<br><small>{{ doc.name }}</small></h2>
  </div>
</div>
<div id="footer-html" class="visible-pdf">
  <p class="text-center small page-number visible-pdf">Page <span class="page"></span> of <span class="topage"></span></p>
</div>

<!-- addresses -->
<table style="width: 100%; font-family: 'Open Sans', sans-serif;">
   <tr>
	<td style="width: 50%;"><!-- left --></td>
	<td style="width: 50%;"><!-- right --></td>
   </tr>
   <tr>
	<td><!-- left --></td>
	<td>{{ doc.customer_name }}<br />
		{{ doc.address_display }}</td>
   </tr>
</table>

<!-- order details -->
<p><br /></p>
<table style="width: 100%; font-family: 'Open Sans', sans-serif;">
   <tr>
	<td style="width: 20%;"><strong>{{ _("Sales Invoice") }}</strong></td>
	<td style="width: 30%;">{{ doc.name }}</td>
	<td style="width: 20%;"></td>
	<td style="width: 30%;"></td>
   </tr>
   <tr>
	<td>
	  {{ _("Sales Invoice Date") }}<br />
	  {{ _("Due") }}<br />
	</td>
	<td>
	  {{ doc.get_formatted('posting_date') }}<br />
	  {{ doc.get_formatted('due_date') }}
	</td>
	<td>
	  {{ _("Amount") }}<br />
	  IBAN
	</td>
	<td>
	  {{ doc.get_formatted('grand_total') }}<br />
	  CH12 4567 ...
	</td>
   </tr>
</table>

<p></p>
 <table  style="width: 100%; font-family: 'Open Sans', sans-serif;">
 <tr>
	<th style="width: 10%;">{{ _("Pos") }}</th>
	<th style="width: 30%;">{{ _("Description") }}</th>
	<th style="width: 20%;">{{ _("Rate") }}</th>
	<th style="width: 20%;">{{ _("Qty") }}</th>
	<th style="width: 20%;">{{ _("Amount") }}</th>
 </tr>
 {% for n in doc.items %}
 <tr>
	<td>{{ loop.index }}</td>
	<td>{{ _(n.item_name) }}</td>
	<td>{{ n.get_formatted('price_list_rate') }}</td>
	<td>{{ n.qty }} {{ _(n.stock_uom) }}</td>
	<td>{{ n.get_formatted('amount') }}</td>
 </tr>
 {% endfor %}
 </table>

<!-- summary and taxes -->
<p></p>
<table style="width: 100%; font-family: 'Open Sans', sans-serif;">
<tr>
	<td style="width: 60%;"></td>
	<td style="width: 20%;">
	  {{ _("Summe netto") }}<br />
	  {% for t in doc.taxes %}
		{{ _(t.description) }}<br />
	  {% endfor %}
	  {% if doc.discount_amount != 0 %}
		{{ _("Discount") }}<br />
	  {% endif %}
	  <strong>{{ _("Total") }}</strong>
	</td>
	<td style="width: 20%;">
	  {{ doc.get_formatted('total') }}<br />
	  {% for t in doc.taxes %}
		{{ t.get_formatted('tax_amount') }}<br />
	  {% endfor %}	  
	  {% if doc.discount_amount != 0 %}
		-{{ doc.get_formatted('discount_amount') }}<br />
	  {% endif %}
	  <strong>{{ doc.get_formatted('grand_total') }}</strong>
	 </td>
</tr>
</table>

This should get you started :wink:

1 Like