Kendo grid PDF export

[Asmir]

Hi,

how to setup margin element for PDF export using tag helpers? 

<pdf 
                    all-pages="true" 
                    avoid-links="true"
                    landscape="true"
                    repeat-headers="true"
                    paper-size="A4"
                    scale="1"
                    template-id="pdf-export-template" 
                    file-name="Example.pdf" 
                    proxy-url="PdfExport"
                    margin="????"/>

Kind regards,
Asmir

[Viktor Tachev]

Hi Asmir,

The margins can be configured with the grid-pdf-margin tag. Check out the code snippet below that illustrates the approach:

<pdf all-pages="true"
 avoid-links="true"
 landscape="true"
 repeat-headers="true"
 paper-size="A4"
 scale="1"
 template-id="pdf-export-template"
 file-name="Example.pdf"
 proxy-url="PdfExport">
    <grid-pdf-margin top="10" bottom="10" left="20" right="20" />
</pdf>

Give the approach a try and let me know how it works for you.


Regards,
Viktor Tachev
Progress Telerik

[Asmir]

It's a little bit weird with these angle braces, but it works, thank you. There is one more problem with client template, "header" part of client template actually appears in the bottom of the page, bellow exported content.


<script type="x/kendo-template" id="pdf-export-template">
    <div class="page-template">
        <div class="header">
            <div style="float: right">Page #: pageNum # of #: totalPages #</div>
            Example
        </div>
    </div>
</script>

Regards,

Asmir 

[Viktor Tachev]

Hi Asmir,

In order to specify the position of the items in the export template it is necessary to specify the CSS that will style the page. Please check out the example below that illustrates the approach:

• https://demos.telerik.com/aspnet-core/grid/pdf-export

Note how the positions of the header and footer are defined in the CSS styles that are on the page.


Regards,
Viktor Tachev
Progress Telerik