Print format with different size - ashish-greycube/help GitHub Wiki

To create a print format which has different or custom page size of pdf, can apply below css:

Apply below css style in custom CSS section of print format. [Note:.print-format is standard class of pdf]

.print-format {
        page-size:Custom;
        orientation: Landscape;
        page-width: 150mm;
        page-height: 70mm;
        margin-top:2mm;
        margin-left: 19mm;
        margin-bottom: 0mm;
  }

These are main properties to create custom size of pdf page.It will adjust page size as per custom dimensions like width:150mm and height:70mm

To create div in page,can apply following css:

.reddiv {
    width: 99mm;
    height: 40mm;
    margin-left: 19mm;
    margin-top:2mm;
  }

It will create another div inside given page size.You can add other properties also to adjust the div inside page.

So HTML will be like:

<div class="reddiv" style="border:1px solid black;padding:1mm;background-color:red;">
    <!-- content of red div goes here -->
 </div>
⚠️ **GitHub.com Fallback** ⚠️