Syncfusion components show no effect, maybe bootstrap

[Michael]

Hi, 

I have created a Blazor web app. I installed the necessary Nuget packages and followed the instructions in the documentation to use Syncfusion components. Now all the created components have no function, for example when I create a scheduler, pressing the buttons has no effect, just as in the example here, clicking on the individual numbers in the calendar has no effect. I think I have integrated Bootstrap correctly. I have already emptied the cache and searched through all the existing threads, unfortunately without success. I have made a short video recording of the situation. Am I missing something? 

Many thanks for your help.

Attachment: Screen_Recording_(17.10.2024_130728)_f266eef4.rar

[Yohapuja Selvakumaran]

Hi Michael,

Thank you for reaching out to us!

We understand the issue you're facing where Syncfusion components, like the Scheduler and Calendar, are not responding to interactions. This can happen due to various reasons, such as missing JavaScript references or conflicting styles with Bootstrap.

To assist you further, we have created a working sample using the Syncfusion components with Bootstrap 5 theme for your reference, and the component interactions (like clicking on calendar numbers) are functioning as expected. You can check out this sample and gif image below for further reference.

To help troubleshoot your issue, could you please ensure that the required Syncfusion Blazor scripts are included in your App.razor file

    <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap5.css" rel="stylesheet" />

    <script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

                                                                         

For further reference, you can refer to the below documentation. 

Documentation: https://blazor.syncfusion.com/documentation/calendar/getting-started

Regards,

Yohapuja S

Attachment: Calendar_WebAssembly_da3e2669.zip