Styling on grid headers broken in 20.1.47

Question

HelloI have just upgraded to the above version.  The styling on my grid headers has been lost:Was: Now: So the buttons on the header are wrapping. My layout.cshtml looks like this: I would be greatful for any advice.Thank you

Monisha Saravanan · Answer

Hi Richard,Greetings from Syncfusion support.We have included changes in loading scripts and styles in
our latest version. You can use any one of the below method to load styles and
scripts externally. Kindly refer the below ways for your reference

CDN

Scripts- https://blazor.syncfusion.com/documentation/common/adding-script-references#cdn-referenceStyles - https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference

Static Web Assets

Scripts - https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets
   
  Styles - https://www.nuget.org/packages/Syncfusion.Blazor.Themes/

Also refer the below release notes for your additional
information.Reference: https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#commonNote:  Need to disable javascript isolation while using
the above ways( AddSyncfusionBlazor()).Regards,Monisha

Ditchford · Answer

Hello

Monisha

Got to say I am totally confused by these new changes.  Are you able to provide an example of a blazor project that clearly shows what and how to reference scripts etc. The example would show:A blazor server project.Net 6.0 template with a program.cs (no startup file)How the layout.cshtml should reference the necessary script and style cdn's How to specify a material themeHow a theme studio css file works with the aboveHow the program.cs file should be setup to reference SyncfusionHow this all fits together with Nuget packages for syncfusion controlsMany thanks, this will help alot as it does appear that using syncfusion controls (or setting up a project) has just got a lot more confusing that it was previously.Regards

Monisha Saravanan · Answer

Hi Richard,Thanks for the update.Query: “Are you able to provide an example of a blazor project that clearly shows what and how to reference scripts ”We have prepared an sample using .Net 6 version with material theme. Kindly refer the attached code snippet and sample for your reference. Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1-1748603759.zipKindly get back to us if you have further queries.Regards,Monisha

Ditchford · Answer

Hello MonishaGreat...thank you.  That was helpful.  I have a few related follow up questions:﻿﻿With reference to this script reference:https://cdn.syncfusion.com/blazor/20.1.47/syncfusion-blazor.min.jsIs it correct to reference the entire syncfsuion library like this, or should I instead have a reference for each component I am using, so for grids it would be:https://cdn.syncfusion.com/blazor/20.1.47/syncfusion-blazor-grid.min.jsThe reason I ask is that I have individual Nuget packages for each component I am using so it would seem consistent to have the same for script refs?2. My understanding is that the above refs are now required becuase syncfusions default value for IgnoreScriptIsolation has changed to true. This means that the components themselves are no longer responsible (by default) for the downloading of the necessary js.  Is that correct?3. The default value of  IgnoreScriptIsolation has been changed to true becuase Syncfusion feel that this is the best (fastest) method?4. Can I expect some performance improvements?5. In the past (with IgnoreScriptIsolation=false) I have sometimes noted (particularly with Pivot tables) that the first time the pivot table opens it is slower than subsequent loads. Could this be related and is it resolved with having IgnoreScriptIsolation=true.Many thanks

Monisha Saravanan · Answer

Hi Richard,Thanks for the update.Query1: With reference to this script reference:https://cdn.syncfusion.com/blazor/20.1.47/syncfusion-blazor.min.jsIs it correct to reference the entire syncfsuion library like
this, or should I instead have a reference for each component I am using, so
for grids it would be:https://cdn.syncfusion.com/blazor/20.1.47/syncfusion-blazor-grid.min.jsThe reason I ask is that I have individual Nuget packages
for each component I am using so it would seem consistent to have the same for
script refs?Yes, we can use the below CDN for all the components except
the PDFViewer and DocumentEditor

Component

CDN Script Reference

All components except PDF Viewer
  & Document Editor

https://cdn.syncfusion.com/blazor/20.1.47/syncfusion-blazor.min.js

Query 2: My understanding is that the above refs are now
required becuase syncfusions default value for IgnoreScriptIsolation has
changed to true. This means that the components themselves are no longer
responsible (by default) for the downloading of the necessary js.  Is that
correct?Yes, Javascript isolation is disabled by default. So we
should include the corresponding script reference.Query 3: The default value
of  IgnoreScriptIsolation has been changed to true because
Syncfusion feel that this is the best (fastest) method?Yes, it provides better performance over javascript
isolation.Query 4:  Can I expect some performance
improvements?Yes we can expect performance improvements.Query 5: In the past
(with IgnoreScriptIsolation=false) I have sometimes noted
(particularly with Pivot tables) that the first time the pivot table opens it
is slower than subsequent loads. Could this be related and is it resolved with
having IgnoreScriptIsolation=true.Yes, using IgnoreScriptIsolation=true, the
component's performance improves. Furthermore, we recommend to use the
individual NuGet Syncfusion.Blazor.PivotTable instead of Syncfusion.Blazor which
gives more performance improvements.Meanwhile we have prepared a sample in .NET 6 with 1M data
for your reference.Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/PivotTable1031454533Kindly get back to us if you have further queries.Regards,Monisha

Ditchford · Answer

Hey MonishaThats great. Thank you.

Monisha Saravanan · Answer

Hi Richard,Welcome.Kindly get back to us if you have further queries. As always we will be happy to assist you.Regards,Monisha

Ditchford · Answer

Hey MonishaJust published to production with 20.1.48 and the performance improvments are really good. I couldn't be happier.  Word editor in particular, although Pivot tables and grids appear snapier as well.So cool....thank you.

Rahul Narayanasamy · Answer

Hi Richard,Thanks for the update. We are happy to hear that all are working
fine.Please get back to us if you need further assistance.Regards,Rahul

Component	CDN Script Reference
All components except PDF Viewer & Document Editor	https://cdn.syncfusion.com/blazor/20.1.47/syncfusion-blazor.min.js