Issue with Blazor Pivot View Component After Successful Initial Development
I completed the development of my Blazor Pivot View component a few months ago, using the versions Syncfusion.Blazor.PivotTable, 27.1.52 and Syncfusion.Blazor.Themes, 27.1.52. In recent days, I suddenly found that this component is not working properly. When I open the relevant component, I get the following error messages:
Could not find 'sfBlazor.Tooltip.refresh' ('sfBlazor' was undefined). Error: Could not find 'sfBlazor.Tooltip.refresh' ('sfBlazor' was undefined).
And there is a messed - up page like this:
How can I fix this problem?
Hi Huron,
Based on the error information and the image you shared; we suspect that the reported issue is likely due to missing or incorrect script and style references in your Blazor application. To resolve this, please ensure that you have included the necessary script and style references as shown below. Adding these will ensure that the Blazor Pivot Table component functions correctly without any issues.
Please note the correct placement based on your application type.
- For Blazor Web App : Add the script and style references within the App.razor file.
- For Blazor WebAssembly App: Add the script and style references within the ~/index.html file.
For your reference, we’ve provided the code snippet and a screenshot below:
Code Example:
App.razor:
|
<link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script> |
Output Screenshot:
Additionally, we have shared the Web App with the correct script and style configurations for your reference. You can find the sample attachment below.
Please refer the below document to know more about the getting started.
Document: https://blazor.syncfusion.com/documentation/pivot-table/getting-started-webapp
Please let us know if you have any concerns.
Regards,
Narmatha Saminathan
Attachment: BlazorApp1_a987b68a.zip
