I updated from 19.4.0.56 to 20.1.0.50 and now Tabs don't show

[Andrew]

My tabs were working fine at 2 am this morning but after updating my syncfusion to the latest version and getting new license key, the SfTabs simply don't show.  All I can see when I load the pages is the first Tab's content but no actual tabs.  What happened?

Thanks,

Andrew

Attachment: ImageScreenshots_e054b9dd.zip

[Vengatesh Maniraj]

Hi Andrew,

We have made two breaking changes in the 20.1 version. Please refer below release notes

https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all

1. Refer Syncfusion.Blazor.Themes NuGet explicitly
2. Refer scripts externally.  https://blazor.syncfusion.com/documentation/common/adding-script-references#cdn-reference

It looks like scripts are not referred properly in your application. Can you please confirm whether above changes are done?

Regards,

Vengatesh 

[Andrew]

Hello Vengatesh,

Thanks for the reply and links.  I did the CDN process and now working normally.

Andrew

[Vengatesh Maniraj]

Hi Andrew,

Thanks for the update.

We are happy that your problem has been resolved now.

Regards,

Vengatesh 

[Mike-E]

I appear to be running into the same problem.  In my csproj:

```

<ItemGroup>

<PackageReference Include="Syncfusion.Blazor" Version="20.1.0.52" />

<PackageReference Include="Syncfusion.Blazor.Themes" Version="20.1.0.52" />

  </ItemGroup>

```

In my `_Layout.cshtml`:

```

<script src="https://cdn.syncfusion.com/blazor/20.1.52/syncfusion-blazor.min.js" type="text/javascript"></script>

<link rel='nofollow' href="~/styles/bootstrap5.min.css" rel="stylesheet" />

```

My SfTab controls are still not rendering with the above configuration in 20.1.x.  Any guidance would be appreciated.

[Mike-E]

It appears that I am getting an access denied when visiting:

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

This appears to load correctly:

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

Looks like NuGet and CDN releases are currently not in sync. :S

[Mike-E]

Hm... even with using 20.1.51 css/js from the CDN, I am still not able to render my tabs.  While I can access the CDN JS with a direct query, when I look in my Sources tab in Chrome Developer Tools, it does not appear:

Shouldn't `cdn.syncfusion.com` appear in this list?

[Mike-E]

I also get a 404 when attempting to use Static Web Assets as described here:

https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets

<script  src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js"  type="text/javascript"></script>

For some reason 20.1.x script files simply are not loading.  I'm reverting to 19.x due to the disruption here.

[Satheesh Kumar Balasubramanian]

Hi Mike,

We have prepared sample to reproduce the reported issue. But, we were unable to reproduce the reported issue at our end.

Could you please share the below details to reproduce the issue? This will help to validate the issue and provide prompt solution at earliest.

• Replicate the issue in attached sample (or) share simple issue replicating sample if possible
• Share all tab related code snippets with style and script reference file
  

Regards,

Satheesh Kumar B

Attachment: Tab_68331dc2.zip

[Mike-E]

Ah!  Mystery solved.  I had to update my Content Security Policy to allow `cdn.syncfusion.com`.   I very much appreciate you providing the simple SLN that demonstrates correct/expected configuration @Satheesh.  It helped me out to rule out some confusion on how the new version is supposed to be initialized.

This is nThank you for all your work and effort out there. 👍

[Satheesh Kumar Balasubramanian]

Hi Mike,

Thanks for the update.

We are happy that your problem has been resolved now.

Regards,

Satheesh Kumar B