I watched a demo on using Kendo UI for PDF export at http://www.telerik.com/campaigns/kendo-ui/devchat-jul18

The demo showed very good rendering of the page contents and then of a grid (using the toolbar item).  Alas, they did not show a combined export where a page contains many elements including a grid.

I am aware of the pageTemplate, but we need to export the page header, text, selections of drop lists, etc. along all rows in the grid.  We do this now with another tool that has very good fidelity but poor performance, especially on Azure where we were required to create a separate service for it (see attached).

We also use Telerik Reporting, so I know you have a great PDF engine.  My question is, is there a solution to rendering the page HTML and all of the grid?

Best,
Scott

Can we have cell values binded to dropdownList having remote DataSource?

Looking for an example on how to modify the submit to

 

 

-POST to a REST service

-Not redirect the page

weak attempt.. 

        //add to existing dom

ui.content.find('#add').append('<form id="addFrm" method="POST" onsubmit="svc.addResource();return false;"></form>'.format(_host.service));
page.addForm = $("#addFrm").kendoForm({
            formData: {
                id: 0,
                modifiedBy: _user.email,
                projectName: page.project.name,
                role: '',
                resourceType: '',
                upn: '',
                userDisplayName: ''
            },
            items: [{     editor: 'DropDownList', field: 'role', label: 'Project Role',
                    validation: { required: true, message: "must specific resource role" },
                    hint: "Hint: Solution Architect, Project Manager, Technical Lead, etc..",                
                    editorOptions: { optionLabel: 'select project role...',dataSource: page.roles, dataTextField: 'role', dataValueField: 'role'}  },

                 { editor: 'DropDownList', field: 'resourceType', label: 'Resource Type',

                    validation: { required: true, message: "must specific type resource of resource" },

                    hint: "Hint: Vendors existing supplier, Contractors are independently hired, Any if TBD..",
                    editorOptions: {
                        optionLabel: 'select type of resource...',
                        dataSource: [{ text: 'Any' }, { text: 'Employee' }, { text: 'Vendor' }, { text: 'Contractor' }],
                        dataTextField: 'text',
                        dataValueField: 'text'
                    }
                }
            ]
        });

 

Hi,

     I'm trying to display a year scale data, however categoryAxis with type "area" are not showing well and with type "line" won't showing anything.

     Is it possible to make navigator looks like a miniature of the StockChart above?

     Thanks!

Bob

Hello,

we ran into the issue when grid automatically convert datetime to local one, but in popup for explme we have a form with standard  DateTime picker which does not do that, as a result of it we have diff dates in grid & in the popup when we edit the grid row. 

are there any solution we can use to make it consistent? The preferable will be DateTime picker behavior when date is displayed as it is 

 

Thx Alex

 

 

2020.2.617  version : bed dropdown!
https://dojo.telerik.com/@kjvjung/iQeDUjov


2020.1.114  version : good dropdown!
https://dojo.telerik.com/@kjvjung/exALONIb

 

How do I print it like the 2020.1.114 version?

I have this simple tabStrip

 

Let's do two transformations on it

 

If I look at the dataSource of my tabStrip, I don't see the above transformations.

 

How can I keep the dataSource in sync with what is actually rendered?

Here is a dojo snippet reproducing my issue.

Regards

Hi,

Can anyone help me out here for, how to add watermark/logo/disclaimer in kendo export to excel from grid.

below code snippets for reference which i am using currently:

Grid UI:

<div class="panel panel-default">
<div class="panel-heading position-relative border-0">
@Html.DisplayNameFor(m => m.ClSearchResultTitle)
<div class="btn-right">
<button class="btn btn-primary btn-sm" id="btnExportToPdf"><i class="fa fa-file-pdf-o"></i></button>
<button class="btn btn-primary btn-sm" id="btnExportToExcel"><i class="fa fa-file-excel-o"></i></button>
<button class="btn btn-primary btn-sm" id="btnPrint"><i class="fa fa-print"></i></button>
</div>
</div>

@(Html.Kendo().Grid<PracticeLinkWebServices.ViewModel.AdminViewModel.AimImportSummaryViewModel>
().EnableCustomBinding(true)
.Name("GridDetails")
.ToolBar(tools => tools.Pdf())
.Pdf(pdf => pdf.AllPages().AvoidLinks().Title("AIMImportSummary").PaperSize("A4").Scale(0.8).Margin("2cm", "1cm", "1cm", "1cm").Landscape().RepeatHeaders().TemplateId("page-template").FileName("AIMImportSummary.pdf"))
.ToolBar(tools => tools.Excel()).Excel(excl => excl.AllPages(true).FileName("AimImportSummary.xlsx"))
.Events(e => e.PdfExport("PdfExportEvent"))
.Columns(columns =>
{
columns.Bound(p => p.EventDate).Width(150).Title(StaticHelpers.GetAdminResourceByTitles("Admin_AimImportSummary_GrdContentGrid_EventDate")).ClientTemplate("#=FormattedEventDate#").HtmlAttributes(new { @class = "text-center" }).HeaderHtmlAttributes(new { style = "text-align:center" });
columns.Bound(p => p.PageName).Width(150).Title(StaticHelpers.GetAdminResourceByTitles("Admin_AimImportSummary_GrdContentGrid_PageName"));
columns.Bound(p => p.CountPl).Width(150).Title(StaticHelpers.GetAdminResourceByTitles("Admin_AimImportSummary_GrdContentGrid_PLCount")).ClientTemplate("#= FormattedPlCountAction#");
columns.Bound(p => p.CountAnonymous).Width(150).Title(StaticHelpers.GetAdminResourceByTitles("Admin_AimImportSummary_GrdContentGrid_CountAnonymous")).ClientTemplate("#= FormattedAnonymousCountAction#");

columns.Template(p => p.PageName).Width(150).Title(StaticHelpers.GetAdminResourceByTitles("Admin_AimImportSummary_GrdContentGrid_Action")).ClientTemplate("<div class='admin-btn-edit'><a href='" + Url.Action("AimSummaryDetail", "Content", new { eventDate = "#= FormattedEventDate#", pageId = "#= PageId#", url = "#= Url#", email = "#= Email#", clientId = "#= MemberId#", recordType = "#= RecordType#",jobId="#= JobId#" }) + "' title=\"" + "View Summary Detail" + "\">" + "<i class='fa fa-pencil-square-o'></i>" + "</a></div>").Width(50).HtmlAttributes(new { @class = "text-center" }).HtmlAttributes(new { @class = "text-center" });

}).Pageable(pageable => pageable.Refresh(true).PageSizes(AppConstants.PageSizeValues).ButtonCount(5)
.Messages(msg => msg.Display(AppConstants.GridPagerMessage.Replace("[]", "AIM Import Summary.")))
)
.Sortable().Selectable(selectable => selectable.Mode(GridSelectionMode.Multiple).Type(GridSelectionType.Cell)).AutoBind(false)
.ColumnMenu(c => c.Enabled(AppConstants.ShowColumnMenu)).DataSource(dataSource => dataSource.Ajax().Sort(x => x.Add("EventDate").Descending()).Events(e => e.Error("RedirectToError").RequestEnd("onRequestEnd"))
.Read(read => read.Action("AimImportSummaryGrid", "Content").Data("SearchCriteria"))
.Total((int)@Model.RecordCount).PageSize(AppConstants.DefaultPageSize)
.ServerOperation(true)
.Model(a => a.Id(p => p.PageId)))
.NoRecords(x => x.Template(AppConstants.NoRecordsFoundText))
.Resizable(resize => resize.Columns(true))
.Reorderable(reorder => reorder.Columns(true))
)

<div class="no-results">@Html.DisplayNameFor(m => m.ClSumitSerach)</div>
<script type="x/kendo-template" id="page-template">
<div class="page-template">
<div class="header">
@Html.HtmlLabelFor(x => x.ClSearchTitle)
</div>
</div>
</script>
</div>


Jquery:

$('#btnExportToExcel').on('click', function () {
    $('#GridDetails').find('.k-grid-toolbar').find('.k-grid-excel').trigger('click');
});

I need to print the kendo grid result from client side,
I have the result on the client and I do not want to go back to the server, 
You have a way to do this?

Hi,

Can anyone help me out here for my situation, how can i add logo and disclaimer on the every page bottom while doing print of kendo grid result set.

Thanks in advance!