This is a migrated thread and some comments may be shown as answers.

Easily Tag Paging Footer with ISO Form Number

1 Answer 57 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Darron
Top achievements
Rank 1
Darron asked on 04 Jan 2018, 11:10 PM

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

 

Darron

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 08 Jan 2018, 09:04 AM
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:

http://dojo.telerik.com/odErEs

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

Regards,
Stefan
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.
Tags
Grid
Asked by
Darron
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or