Bring total price section at the bottom of the page. Create space between item table and total price section in print format - ashish-greycube/help GitHub Wiki
[1] Create standard print format. Leave custom format unticked.
[2] Go to Edit format.
[3] Remove total price section that is already present.
[4] Add new section below item table. Drag & Drop custom HTML field inside it.
[5] Write your own custom HTML code as per requirement for total price section values.
[6] Here is the example how to write custom HTML code,
<div class="row" > <div class="col-xs-5" style="width:40%;"> <label>Total:</label> </div> <div class="col-xs-7 text-right" style="width:60%;"> {{doc.total}} </div> </div> <div class="row"> <div class="col-xs-5"> <label>Grand Total:</label> </div> <div class="col-xs-7 text-right"> {{doc.grand_total}} </div> </div> <div class="row"> <div class="col-xs-5"> <label>Rounded Total:</label> </div> <div class="col-xs-7 text-right"> {{doc.rounded_total}} </div> </div>
[7] Imp code line :
<div class="row section-break totalsection" style="position:fixed!important;bottom:0px!important;width:100%;">