adaptive rendering + pdf

7 posts, 0 answers
  1. Robert
    Robert avatar
    56 posts
    Member since:
    Sep 2011

    Posted 19 Sep Link to this post

    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?

  2. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 21 Sep Link to this post

    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.
     
  3. Kendo UI is VS 2017 Ready
  4. Robert
    Robert avatar
    56 posts
    Member since:
    Sep 2011

    Posted 21 Sep in reply to Nencho Link to this post

    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

     

  5. Ivan Danchev
    Admin
    Ivan Danchev avatar
    829 posts

    Posted 23 Sep Link to this post

    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.
     
  6. Robert
    Robert avatar
    56 posts
    Member since:
    Sep 2011

    Posted 23 Sep in reply to Ivan Danchev Link to this post

    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.
  7. Robert
    Robert avatar
    56 posts
    Member since:
    Sep 2011

    Posted 23 Sep in reply to Robert Link to this post

    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.

  8. Ivan Danchev
    Admin
    Ivan Danchev avatar
    829 posts

    Posted 23 Sep Link to this post

    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.
     
Back to Top
Kendo UI is VS 2017 Ready