Schedular Print problem
I am tring syncfusion demo print button on
https://blazor.syncfusion.com/demos/scheduler/print?theme=bootstrap4
Unfortunately rectangles are not so pretty like in attached pics. Are there any way to make it more obvious like how its looking on page.
Hi Ahmet,
Refer the shared snippet below. The highlighted stylesheet that overwrite the default style so background color of the appointment not shown on the print pdf, You can resolve this problem by printing the Schedule without that stylesheet. We have prepared a working sample for your reference check the shared sample and let us know if you need any further assistnance on this.
|
|
Regards,
Vijay Ravi
Attachment: schedule_print_6f33a7be.zip
Hi Marco Fernandes Oliveira,
Thanks for the update. We suggest using the bootstrap5.3 CSS theme to meet your
styling requirements. Please refer to the attached code snippet and sample demo
solution below. Try out the suggested solution and let us know if you need any
further assistance.
Sample: Attached as Zip.
[App.razor]
|
<head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <base rel='nofollow' href="/" /> <link rel="stylesheet" rel='nofollow' href="bootstrap/bootstrap.min.css" /> <link rel="stylesheet" rel='nofollow' href="app.css" /> <link rel="stylesheet" rel='nofollow' href="BlazorApp.styles.css" /> <link rel="icon" type="image/png" rel='nofollow' href="favicon.png" /> <link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap5.3.css" rel="stylesheet" /> <HeadOutlet /> </head>
<body> <Routes /> <script src="_framework/blazor.web.js"></script> <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script> </body>
</html> |
Screenshot:
Regards,
Ashok
Attachment: Blazorschedulesamples_7c14e214.zip
