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

Messages.toolbar.zoom

configuration

Specifies the localization messages for the zoom tool dropdown in the toolbar. Contains text for various zoom options including predefined zoom levels and zoom controls.

messages.toolbar.zoom

Object

<div id="pdfviewer"></div>
<script type="module">
  $("#pdfviewer").kendoPDFViewer({
    pdfjsProcessing: {
      file: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
    },
    messages: {
      toolbar: {
        zoom: {
          actualWidth: "Actual Width",
          autoWidth: "Auto Width",
          fitWidth: "Fit Width",
          pageWidth: "Page Width"
        }
      }
    }
  });
</script>

messages.toolbar.zoom.actualWidth

String

To run the below example, open it in Dojo

Default: "Actual Width"

<div id="pdfviewer"></div>
<script type="module">
  $("#pdfviewer").kendoPDFViewer({
    pdfjsProcessing: {
      file: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
    },
    messages: {
      toolbar: {
        zoom: {
          actualWidth: "Custom Actual Width Message"
        }
      }
    }
  });
</script>

messages.toolbar.zoom.autoWidth

String

To run the below example, open it in Dojo

Default: "Automatic Width"

<div id="pdfviewer"></div>
<script type="module">
  $("#pdfviewer").kendoPDFViewer({
    pdfjsProcessing: {
      file: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
    },
    messages: {
      toolbar: {
        zoom: {
          autoWidth: "Custom Automatic Width Message"
        }
      }
    }
  });
</script>

messages.toolbar.zoom.fitToPage

String

To run the below example, open it in Dojo

Default: "Fit To Page"

<div id="pdfviewer"></div>
<script type="module">
  $("#pdfviewer").kendoPDFViewer({
    pdfjsProcessing: {
      file: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
    },
    messages: {
      toolbar: {
        zoom: {
          fitToPage: "Custom Fit To Page Message"
        }
      }
    }
  });
</script>

messages.toolbar.zoom.fitToWidth

String

To run the below example, open it in Dojo

Default: "Fit To Width"

<div id="pdfviewer"></div>
<script type="module">
  $("#pdfviewer").kendoPDFViewer({
    pdfjsProcessing: {
      file: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
    },
    messages: {
      toolbar: {
        zoom: {
          fitToWidth: "Custom Fit To Width Message"
        }
      }
    }
  });
</script>

messages.toolbar.zoom.zoomIn

String

To run the below example, open it in Dojo

Default: "Zoom In"

<div id="pdfviewer"></div>
<script type="module">
  $("#pdfviewer").kendoPDFViewer({
    pdfjsProcessing: {
      file: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
    },
    messages: {
      toolbar: {
        zoom: {
          zoomIn: "Custom Zoom In Message"
        }
      }
    }
  });
</script>

messages.toolbar.zoom.zoomLevel

String

To run the below example, open it in Dojo

Default: "Zoom Level"

<div id="pdfviewer"></div>
<script type="module">
  $("#pdfviewer").kendoPDFViewer({
    pdfjsProcessing: {
      file: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
    },
    messages: {
      toolbar: {
        zoom: {
          zoomLevel: "Custom Zoom Level Message"
        }
      }
    }
  });
</script>

messages.toolbar.zoom.zoomOut

String

To run the below example, open it in Dojo

Default: "Zoom Out"

<div id="pdfviewer"></div>
<script type="module">
  $("#pdfviewer").kendoPDFViewer({
    pdfjsProcessing: {
      file: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
    },
    messages: {
      toolbar: {
        zoom: {
          zoomOut: "Custom Zoom Out Message"
        }
      }
    }
  });
</script>