---json
{
    "description": "How to handle component on print",
    "page_id": "zopyq1vogclrzzonbezoq",
    "title": "ComboStrap - Print"
}
---
====== ComboStrap Styling - Print ======


===== About =====
Before ''printing'', ''ComboStrap'' will:
  * hide the [[docs:navigation:related|related component]] and section if any
  * hide all [[docs:theme:slot:slot|slots]] ([[docs:theme:slot:header_slot|page header slot]], [[docs:theme:slot:page_footer_slot|footer slot]], [[docs:theme:slot:side_slot|side slot]])
  * download [[docs:performance:lazy|all lazy images]]


If you want more control over your elements when printing, you can inject the [[https://getbootstrap.com/docs/5.0/utilities/display/#display-in-print|bootstrap class]] with the [[docs:styling:class|class attribute]]

===== Example =====

==== Hide a component when printing ====

Example made with the [[https://getbootstrap.com/docs/5.0/utilities/display/#display-in-print|d-print-none class]] .

<webcode name="Default" frameborder="0">
<code dw>
<note class="d-print-none">
This note will not appear if you print this page
</note>
</code>
</webcode>

==== How to use the minimal template for printing? ====

The [[:docs:theme:template:minimal|minimal template]] is also perfect for printing.

You can all it before printing by adding the ''template'' property.

Example for this page: [[${url}?template=minimal|${url}?template=minimal]]