1. Home
  2. Forum
  3. Blazor
  4. Schedular Print problem

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.




3 Replies 1 reply marked as answer
VR Vijay Ravi Syncfusion Team February 16, 2023 09:23 AM UTC

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

Marked as answer
MF Marco Fernandes Oliveira April 16, 2025 11:37 AM UTC

Hi @Vijay Ravi

I tried with the example you sent and it doesn't work.

I also commented out the line marked above and it remains the same.


AK Ashokkumar Karuppasamy Syncfusion Team April 17, 2025 01:37 PM UTC

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

Loader.
Up arrow icon