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

adaptive rendering + pdf

6 Answers 15 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Robert
Top achievements
Rank 1
Robert asked on 19 Sep 2016, 09:52 PM

running this scheduler demo: http://dojo.telerik.com/AKEbi/2

essentially, took y'alls adaptive demo and added-->toolbar: ["pdf"], to initialization.

 

However, PDF button does not appear. I know when mobile is NOT set, then "export pdf" button appears. How can i get the PDF button to reappear?

6 Answers, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 21 Sep 2016, 09:56 AM
Hello Robert,

I am afraid that I was unable to replicate the described issue, using the provided dojo example. In this screenshot, you can observe the proper rendering of the Export to PDF button:

http://screencast.com/t/hTXrNcNQt5l2


Could you let me know, if I had misunderstood the problem that you are experiencing at your end?

Regards,
Nencho
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Robert
Top achievements
Rank 1
answered on 21 Sep 2016, 01:29 PM

I see the export to PDF button when mobile is set to tablet. But if you set to "phone", the "export" button disappears.

i updated http://dojo.telerik.com/AKEbi/4

 

0
Ivan Danchev
Telerik team
answered on 23 Sep 2016, 11:40 AM
Hello Robert,

Thank you for the additional information provided. We logged the missing Export button in mobile: "phone" mode as a bug. You can track its status here.

Until an official fix becomes available you could use the following workaround, which adds a button to the Scheduler's toolbar and on click calls the export function:
$(document).ready(function () {
    var scheduler = $("#scheduler").data("kendoScheduler");
 
    var button = $("<button id='export' class='k-button k-my-button'>Export PDF</button>");
 
    $(scheduler.toolbar[0]).prepend(button);
 
    $("#export").click(function (e) {
        scheduler.saveAsPDF();
    });
});

As a token of gratitude for your involvement in identifying this issue I updated your Telerik points.

Regards,
Ivan Danchev
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Robert
Top achievements
Rank 1
answered on 23 Sep 2016, 02:13 PM
That technically does work by putting export button there. It then shifts the "today" button to the far right, which "appears" (or rather not appear) under the views pulldown. i think the css will need to be tweaked when you guys get around to implementing this.
0
Robert
Top achievements
Rank 1
answered on 23 Sep 2016, 04:27 PM

I made a small tweak and used this code:

var button = $("<ul class='k-reset k-scheduler-tools'><li class=''><button id='export' class='k-button k-pdf'>Save</button></li></ul>"); );

 

everything else stayed the same.

0
Ivan Danchev
Telerik team
answered on 23 Sep 2016, 06:42 PM
Hello Robert,

Indeed that DOM elements structure (ul -> li -> button with corresponding classes) would be more consistent since we render it this way with mobile set to "tablet".
 
Regards,
Ivan Danchev
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
Scheduler
Asked by
Robert
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Robert
Top achievements
Rank 1
Ivan Danchev
Telerik team
Share this question
or