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

Pdf.margin

configuration

Specifies the margins of the page and accepts numbers or strings with units.

The supported units are:

mm
cm
in
(Default) pt

pdf.margin

Object

<div id="treelist"></div>
<script>
  $("#treelist").kendoTreeList({
    toolbar: ["pdf"],
    columns: [
      { field: "FirstName", title: "First Name" },
      { field: "LastName", title: "Last Name", width: 160 },
      { field: "Position" }
    ],
    pdf: {
      margin: {
        left: 10,
        right: "10pt",
        top: "10mm",
        bottom: "1in"
      }
    },
    dataSource: {
      transport: {
        read: {
          url: "https://demos.telerik.com/service/v2/core/EmployeeDirectory/All"
        }
      },
      schema: {
        model: {
          id: "EmployeeID",
          fields: {
            parentId: { field: "ReportsTo",  nullable: true },
            EmployeeID: { field: "EmployeeId", type: "number" },
            Extension: { field: "Extension", type: "number" }
          },
          expanded: true
        }
      }
    }
  });
</script>

pdf.margin.bottom

Number|String

The bottom margin. Numbers are considered as pt units.

Default: 0

<div id="treelist"></div>
<script>
  $("#treelist").kendoTreeList({
    columns: [
      { field: "Name" },
      { field: "Position" }
    ],
    dataSource: [
      { id: 1, Name: "Daryl Sweeney", Position: "CEO", parentId: null },
      { id: 2, Name: "Guy Wooten", Position: "Chief Technical Officer", parentId: 1 }
    ],
    pdf: {
      margin: {
        bottom: 20
      }
    }
  });
</script>

pdf.margin.left

Number|String

The left margin. Numbers are considered as pt units.

Default: 0

<div id="treelist"></div>
<script>
  $("#treelist").kendoTreeList({
    columns: [
      { field: "Name" },
      { field: "Position" }
    ],
    dataSource: [
      { id: 1, Name: "Daryl Sweeney", Position: "CEO", parentId: null },
      { id: 2, Name: "Guy Wooten", Position: "Chief Technical Officer", parentId: 1 }
    ],
    pdf: {
      margin: {
        left: 25
      }
    }
  });
</script>

pdf.margin.right

Number|String

The right margin. Numbers are considered as pt units.

Default: 0

<div id="treelist"></div>
<script>
  $("#treelist").kendoTreeList({
    columns: [
      { field: "Name" },
      { field: "Position" }
    ],
    dataSource: [
      { id: 1, Name: "Daryl Sweeney", Position: "CEO", parentId: null },
      { id: 2, Name: "Guy Wooten", Position: "Chief Technical Officer", parentId: 1 }
    ],
    pdf: {
      margin: {
        right: 25
      }
    }
  });
</script>

pdf.margin.top

Number|String

The top margin. Numbers are considered as pt units.

Default: 0

<div id="treelist"></div>
<script>
  $("#treelist").kendoTreeList({
    columns: [
      { field: "Name" },
      { field: "Position" }
    ],
    dataSource: [
      { id: 1, Name: "Daryl Sweeney", Position: "CEO", parentId: null },
      { id: 2, Name: "Guy Wooten", Position: "Chief Technical Officer", parentId: 1 }
    ],
    pdf: {
      margin: {
        top: 25
      }
    }
  });
</script>