Unplanned
Last Updated: 21 Jan 2025 15:51 by Rob
Shannon
Created on: 20 Sep 2023 08:31
Category: Scheduler
Type: Feature Request
4
Print Scheduler

I want to easily print the Scheduler calendar - month view, week view and more.

===

ADMIN EDIT

===

A possible approach for the time being is to implement printing functionality for the Scheduler in a similar fashion to how the Grid is printed here https://github.com/telerik/blazor-ui/tree/master/grid/print.

The approach relies on using JavaScript to invoke the browser print() method. Using CSS and @media print, you can customize the page and specify which elements should be visible when printing. For example, you may hide the toolbar and footer of the component, so only the calendar is visible.

Here is a runnable sample that demonstrates the approach: https://blazorrepl.telerik.com/wfkbbBca54BdZnUk24

6 comments
Rob
Posted on: 21 Jan 2025 15:51

I agree, the Print solution Telerik provide isn't very useful for my users, in fact I ended up just creating a report for them.

Does anyone know how to suppress the weekend columns (my users don't work weekends so Sat and Sun columns just waste valuable space.

Rob.

Shannon
Posted on: 21 Jan 2025 12:12

Hopefully at some point Telerik will realize that a common and necessary feature of a Schedule is the ability to print it.  This workaround janky solution is not that useful.  It should be something more like this:

 

David Klein
Posted on: 21 Jan 2025 06:46
Thanks for the update
ADMIN
Dimo
Posted on: 17 Jan 2025 20:58

Hi David,

The Scheduler relies on absolute positioning for its appointments. When the component resizes as a result of browser window resize, it also recalculates the appointment positions. This doesn't happen on paper though.

So, to print a Scheduler, it needs to be as wide as it will be on paper, for example 595pt for A4 portrait orientation: https://blazorrepl.telerik.com/wfkbbBca54BdZnUk24

Frankly, I am not sure how did we miss that in the past, sorry about that. I replaced the link in the original post.

Regards,
Dimo
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

David Klein
Posted on: 17 Jan 2025 04:51

We implemented the functionality for printing the Scheduler by following the approach suggested in the Telerik Feedback Portal (https://feedback.telerik.com/blazor/1624250-print-scheduler). Specifically, we used the provided example (https://blazorrepl.telerik.com/cnutklOC55T5sV0J15) that relies on invoking the browser's print() method with JavaScript and customizing the page using CSS and @media print to hide unnecessary elements like the toolbar and footer.

 

However, we observed an issue in the given example where appointment slots do not display correctly in the print window. For example, when there are three appointments, the slots appear differently in the print window compared to the Scheduler view.

 

Attached is a print preview, scheduler calendar view for reference. Could you please help us resolve this discrepancy and guide us on how to ensure that the appointment slots are displayed correctly in the print view, matching the calendar view?

Rob
Posted on: 26 Sep 2024 22:16
Yes please, I absolutely do NOT want to have to use JavaScript.