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

Messages.toolbar.pager

configuration

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

messages.toolbar.pager

Object

<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.pager.first

String

Specifies the tooltip text for the "first page" navigation button in the pager toolbar. This button navigates to the first page of the PDF document.

Default: "Go to the first page"

<div id="pdfviewer"></div>
<script type="module">
$("#pdfviewer").kendoPDFViewer({
    messages: {
        toolbar: {
            pager: {
                first: "Ir a la primera página"
            }
        }
    },
    pdfjsProcessing: {
        file: {
            url: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
        }
    }
});
</script>

messages.toolbar.pager.last

String

Specifies the tooltip text for the "last page" navigation button in the pager toolbar. This button navigates to the last page of the PDF document.

Default: "Go to the last page"

<div id="pdfviewer"></div>
<script type="module">
$("#pdfviewer").kendoPDFViewer({
    messages: {
        toolbar: {
            pager: {
                last: "Ir a la última página"
            }
        }
    },
    pdfjsProcessing: {
        file: {
            url: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
        }
    }
});
</script>

messages.toolbar.pager.next

String

Specifies the tooltip text for the "next page" navigation button in the pager toolbar. This button navigates to the next page of the PDF document.

Default: "Go to the next page"

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

messages.toolbar.pager.of

String

Specifies the text used in the pager's page information display (e.g., "page 1 of 10"). This appears between the current page number and total page count.

Default: "of"

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

messages.toolbar.pager.page

String

Specifies the singular form of the word "page" used in the pager's status display when there is only one page (e.g., "page 1 of 1").

Default: "page"

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

messages.toolbar.pager.pages

String

Specifies the plural form of the word "pages" used in the pager's status display when there are multiple pages (e.g., "page 1 of 10 pages").

Default: "pages"

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

messages.toolbar.pager.previous

String

Specifies the tooltip text for the "previous page" navigation button in the pager toolbar. This button navigates to the previous page of the PDF document.

Default: "Go to the previous page"

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