SfGrid pager display issue after adding bold report

[ashimaz]

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

[Jeevakanth Palaniappan]

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. 

 

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

 

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

 

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

 

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

 

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]

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.

SfNumericTextBox



Attachment: index_1495291d.rar

[ashimaz]

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.

<link rel='nofollow' href="https://cdn.syncfusion.com/ej2/styles/compatibility/material.css" rel="stylesheet" />

<link rel='nofollow' href="https://cdn.boldreports.com/3.1.31/content/bold.widgets.core.compatibility.min.css" rel="stylesheet" />

<link rel='nofollow' href="https://cdn.boldreports.com/3.1.31/content/material/bold.theme.compatibility.min.css" rel="stylesheet" />

[Jeevakanth Palaniappan]

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, 

1. Share us the Syncfusion NuGet and Bold Report versions.
2. 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]

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.

[Manoranjan Rajendran]

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