Easily Tag Paging Footer with ISO Form Number

2 posts, 0 answers
  1. Darron
    Darron avatar
    12 posts
    Member since:
    Jul 2016

    Posted 04 Jan 2018 Link to this post

    When needing to add a "Form Number" to my grids to satisfy ISO requirements for forms, I didn't want to sacrifice any vertical screen space.  I added the text to the existing paging footer at the bottom left corner, where it normally appears on our paper forms.  

    I added the following line to my  $(document).ready(function () ...

    $("#grid").getKendoGrid().pager.element.prepend("<div class='docver'>EFORM: PTZ-0021 Rev: A</div>");

    and then the css to keep that div in line with the paging buttons...

        .docver {
            float: left;
            display: inline-block;
            font-weight: normal ;
            font-size: 12px;



  2. Stefan
    Stefan avatar
    2960 posts

    Posted 08 Jan 2018 Link to this post

    Hello, Darron,

    Thank you for sharing this with the Kendo UI community.

    I can also suggest adding it on the right side with a small margin as adding it on the left side can interfere with the pager rendering:


    If any assistance is needed on this matter please let us know.

    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top