We are working to implement our first customized Quote.
Everything is functional and working great onscreen but our leadership team is wanting several graphical components to be hidden during printing. I’ve searched this board and the documentation and don’t find any examples.
Also, is there any way to individually hide the rows in the quote details that have a zero value?
@JeffBantz You can use a print media query in your CSS to hide elements when printing.
@media print {
#id, .class { display: none; }
}
Not entirely sure if this is what you mean for the second part, but if you want to hide line items with a 0 amount you can use an if statement.
{% if item.amount == 0 %}
<!-- Your line item code here -->
{% endif %}
If you’re only wanting to hide those line items on print use the if statement to add a particular class to the line item you can use in the print media query.
<!-- print media query -->
<style>
@media print {
.print-hidden {display: none;}
}
</style>
<!-- whatever your wrapper is for the line item -->
<div {% if item.amount == 0 %}class="print-hidden"{% endif %}>
</div>