Hi Klaus Krämer,
In .NET 8, it's important to apply the 'rendermode' to the project. In case of missing this, it might cause issues related to script functionalities.
To implement the render mode across your entire application, consider adding the 'rendermode' attribute within the Route tag in the App.razor file, placed inside the body tag. Here's an example snippet.
[App.razor]
<body> <Routes @rendermode="RenderMode.InteractiveServer" /> <script src="_framework/blazor.web.js"></script> </body> |
For more detailed insights, please visit the following blog and documentation.
Blog:
Documentation:
And Regarding the inclusion of script and style references when using Syncfusion Blazor components, it's important to ensure correct references for proper rendering. Here’s a breakdown based on the type of NuGet package you are using:
1. Common Package (Syncfusion.Blazor):
If you are using the common NuGet package (Syncfusion.Blazor) which includes all Syncfusion Blazor components, you should include the following references in your App.razor:
<!-- Include the stylesheet for the individual package -->
<link rel='nofollow' href="_content/Syncfusion.Blazor/styles/material.css" rel="stylesheet" />
<!-- Include the script for the common package -->
<script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
2. Individual Package (Syncfusion.Blazor.Inputs):
If you are using an individual NuGet package like Syncfusion.Blazor.Inputs, make sure to include the correct script and style references. The typical references are as follows:
<!-- Include the stylesheet for the individual package -->
<link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/material.css" rel="stylesheet" />
<!-- Include the script for the individual package -->
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
Important Notes:
- Do not mix individual package references with common package references as it may cause components to not render properly.
- Make sure to follow the exact paths for the scripts and styles to ensure they are correctly linked.
Documentation References:
Please ensure these adjustments are included in your project. If the issue persists, kindly share a runnable sample with us. This will help us validate the problem you're facing and offer more precise solutions. Thank you for your patience and cooperation.
Regards,
Priyanka K
