SfGrid pager display issue after adding bold report

Question

https://help.boldreports.com/embedded-reporting/blazor-reporting/report-viewer/how-to/use-bold-reports-with-syncfusion-blazor/

Referring to above link when I add css for bold reports, sfgrid pager display like this.

Blazor 19.1.0.63

Bold Report 3.1.32

Manoranjan Rajendran · Accepted Answer

Hi Ashimaz,   
  
Thanks for the update.   
  
We hope the reported issue is resolved at your end. If you are facing any problem in Bold Reports control styles, please refer the below document for referring script orders.https://help.boldreports.com/embedded-reporting/blazor-reporting/report-viewer/how-to/use-bold-reports-with-syncfusion-blazor/   
  
Let us know if you are facing any other issues.    
  
Regards,   
Manoranjan R

Jeevakanth Palaniappan · Answer

Hi Ashimaz,

Greetings from Syncfusion support.

We have checked your query and we suggest you to refer the below links to apply the styles for the Blazor Grid component.

If you are using Syncfusion.Blazor NuGet then refer the below styles.

If you are using Syncfusion.Blazor.Grid package then refer the below styles.

Please refer the below documentation for your reference.

https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli/#installing-syncfusion-blazor-packages-in-the-application

Regards,

Jeevakanth SP.

ashimaz · Answer

Hi, Provided solution is not working for me, please find attached my index file.Please note SfNumericTextBox also look like this. Im using material theme.SfNumericTextBoxAttachment: index_1495291d.rar

ashimaz · Answer

Hi,I have updated index with compatibility css files, now UI looks good, but I found that grid pager pagesized dropdown have a laoding animation.

Jeevakanth Palaniappan · Answer

Hi Ashimaz, 
 
We have checked the reported problem by creating a sample but we are unable to reproduce the reported problem from our end. We have attached the screenshot and the sample for your reference. 
 
Also kindly confirm whether the Numeric text box issue is resolved at your end. 

Sample - https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionBlazorBold1253017917 


  

If you are still facing the problem then kindly share us the below details, 


Share us the Syncfusion NuGet and Bold Report versions.
Kindly share us the issue reproducing sample or reproduce the issue in the above provided sample.

The above requested details will be helpful for us to validate the issue and provide you with a better solution as early as possible. 

Regards, 
Jeevakanth SP.

ashimaz · Answer

Hi,Issue resolved by changing the order of JavaScript reference files as per updated documentation.However I had to use JSs files in header for boldreport chart to work properly.Thanks.