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

Messages.toolbar

configuration

Specifies the localization messages of the toolbar.

messages.toolbar

Object

<div id="pdfviewer"></div>
<script type="module">
$("#pdfviewer").kendoPDFViewer({
    messages: {
        toolbar: {
            open: "Open File",
            download: "Download PDF",
            print: "Print Document"
        }
    },
    pdfjsProcessing: {
        file: {
            url: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
        }
    }
});
</script>

messages.toolbar.contextMenu

String

Specifies the text for the toolbar's context menu button when contextMenu is enabled. This button contains the overflow menu with open, download, and print tools.

Default: "Menu"

<div id="pdfviewer"></div>
<script type="module">
$("#pdfviewer").kendoPDFViewer({
    messages: {
        toolbar: {
            contextMenu: "Menú"
        }
    },
    pdfjsProcessing: {
        file: {
            url: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
        }
    }
});
</script>

messages.toolbar.download

String

Specifies the text displayed for the download tool in the toolbar. This tool allows users to download the currently loaded PDF file to their local file system.

Default: "Download"

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

messages.toolbar.exportAs

String

Specifies the text displayed for the export tool in the toolbar when using DPL processing. This tool enables users to export individual pages as PNG or SVG files.

Default: "Export"

<div id="pdfviewer"></div>
<script type="module">
$("#pdfviewer").kendoPDFViewer({
    messages: {
        toolbar: {
            exportAs: "Exportar Como"
        }
    },
    pdfjsProcessing: {
        file: {
            url: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
        }
    }
});
</script>

messages.toolbar.open

String

Specifies the text displayed for the open file tool in the toolbar. This tool allows users to browse and select PDF files from their local file system.

Default: "Open"

<div id="pdfviewer"></div>
<script type="module">
$("#pdfviewer").kendoPDFViewer({
    messages: {
        toolbar: {
            open: "Abrir Archivo"
        }
    },
    pdfjsProcessing: {
        file: {
            url: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
        }
    }
});
</script>

messages.toolbar.pager

Object

Specifies the localization messages for the pager component in the toolbar. Contains text for navigation buttons and page information display.

<div id="pdfviewer"></div>
<script type="module">
$("#pdfviewer").kendoPDFViewer({
    messages: {
        toolbar: {
            pager: {
                first: "Primera página",
                previous: "Página anterior",
                next: "Página siguiente",
                last: "Última página"
            }
        }
    },
    pdfjsProcessing: {
        file: {
            url: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
        }
    }
});
</script>

messages.toolbar.print

String

To run the below example, open it in Dojo

Default: "Print"

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

messages.toolbar.search

String

To run the below example, open it in Dojo

Default: "Search"

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

messages.toolbar.togglePan

String

To run the below example, open it in Dojo

Default: "Enable Panning"

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

messages.toolbar.toggleSelection

String

To run the below example, open it in Dojo

Default: "Enable Selection"

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

messages.toolbar.zoom

Object

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.

<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>

Related Members