New to Kendo UI for jQuery? Start a free 30-day trial

Pdf.margin

configuration

Sets the paper margins. The value has to be an object containing top, left, right, and bottom numbers which specify the paper margins. If numbers are passed, they are assumed to be in points (pt). By using strings, you can specify the units. The supported units are mm, cm, in, and pt (default).

pdf.margin

Object

<div id="diagram"></div>
<script>
  $("#diagram").kendoDiagram({
      pdf: {
          margin: {
              left: 10,
              right: "10pt",
              top: "10mm",
              bottom: "1in"
          }
      },
      dataSource: {
          data: [{ "items": [{ items: [{}] }] }],
          schema: { model: { children: "items" } }
      },
      layout: {
          type: "tree"
      }
  });

  var diagram = $("#diagram").getKendoDiagram();
  diagram.saveAsPDF();
</script>

pdf.margin.bottom

Number|String

The bottom margin. Numbers are assumed to be in pt units.

Default: 0

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        { id: "1", x: 100, y: 100, content: { text: "Shape 1" } }
    ],
    pdf: {
        margin: {
            bottom: 20
        }
    }
});

var diagram = $("#diagram").getKendoDiagram();
diagram.saveAsPDF();
</script>

pdf.margin.left

Number|String

The left margin. Numbers are assumed to be in pt units.

Default: 0

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        { id: "1", x: 100, y: 100, content: { text: "Shape 1" } }
    ],
    pdf: {
        margin: {
            left: 30
        }
    }
});

var diagram = $("#diagram").getKendoDiagram();
diagram.saveAsPDF();
</script>

pdf.margin.right

Number|String

The right margin. Numbers are assumed to be in pt units.

Default: 0

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        { id: "1", x: 100, y: 100, content: { text: "Shape 1" } }
    ],
    pdf: {
        margin: {
            right: 25
        }
    }
});

var diagram = $("#diagram").getKendoDiagram();
diagram.saveAsPDF();
</script>

pdf.margin.top

Number|String

The top margin. Numbers are assumed to be in pt units.

Default: 0

<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
    shapes: [
        { id: "1", x: 100, y: 100, content: { text: "Shape 1" } }
    ],
    pdf: {
        margin: {
            top: 15
        }
    }
});

var diagram = $("#diagram").getKendoDiagram();
diagram.saveAsPDF();
</script>