1. Home
  2. Forum
  3. Blazor
  4. Tab headers no longer showing 19.2.0.62 update

Tab headers no longer showing 19.2.0.62 update

Hi,

Since updating to 19.2.0.62​ tab headers are no longer showing.

The following example only shows "tab item content": 

<SfTab>

<TabItems>

<TabItem>

<ChildContent>

<TabHeader Text="Details" />

</ChildContent>

<ContentTemplate>

tab item content

</ContentTemplate>

</TabItem>

</TabItems>

</SfTab>


11 Replies
PN Praveenkumar Narasimhanaidu Syncfusion Team September 16, 2021 08:04 AM UTC

Hi MiVision, 

Greetings from Syncfusion support..! 

We have validated the reported problem “Tab headers no longer showing 19.2.0.62 update” with shared code at our end. But, unfortunately, we were unable to replicate the issue at our end. Please find the working sample from the below link. 


Output: 
 
Kindly try the above sample and if the issue still persists at your end, please share the following details to server you better. 
  • What is your .Net SDK version?
  • Share your issue replicating sample or try to replicate the issue in above sample
  • Whether the issue occurs in specific device or browser?
  • Whether the issue is random?
  • Do you face any error or exception?

Regards, 
Praveenkumar 


MS MS September 16, 2021 08:15 AM UTC

Hi,

I just tried your sample and it seems to be working.

However, it breaks as soon as you traget .NET 6

I've modified and attached your sample (just changed targeting to .NET 6).

My latest installed SDK is .NET 6 RC1


Attachment: BlazorTabsample1052659992_mod_ce76bbad.zip


RM Robert Mrobo September 16, 2021 05:55 PM UTC

I'm experiencing the same issue on .net 6, all was well in .net 5


NR Nevitha Ravi Syncfusion Team September 17, 2021 06:10 AM UTC

Hi Everyone, 

Sorry for the inconveniences. 

We could replicate the issue ‘Tab headers no longer showing in .NET 6 RC1’ at our end and confirm this as a defect. The fix will be included in our upcoming volume 3 main release expected to be rolled out by end of September 2021. Please track the issue through the following feedback. 

We would appreciate your patience until then. 

Regards, 
Nevitha  


NR Nevitha Ravi Syncfusion Team October 1, 2021 01:15 PM UTC

Hi Everyone, 
 
We are glad to announce that our Essential Studio 2021 Volume 3 release v19.3.0.43 is rolled out successfully. In this release, the reported issue with empty tab header in .NET6 RC1 has been resolved. 
 
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 
 
Regards,            
Nevitha 


AL Alex January 20, 2022 11:58 AM UTC

Is this supposed to be fixed?  I'm still getting the issue with .Net 6 using version 19.4.0.41


Thanks,

Alex


VM Vengatesh Maniraj Syncfusion Team January 21, 2022 07:13 AM UTC

Yes. This has been fixed. kindly check the attached sample. 

if you still face the problem, kindly share the tab rendering codes to validate further and provide the prompt solution ealier.


Regards,

Vengatesh


Attachment: BlazorTabsample_81c18e5d.zip

BT Bernard Tapie April 4, 2022 03:57 PM UTC

Hi Everyone,

I've just downloaded the above attachment.

When I build it as is, all right, it works.


But when I upgrade the library to 

<PackageReference Include="Syncfusion.Blazor.Navigations" Version="20.1.0.47" />

Then the problem is back.



Can you please confirm this is a regression on your side?

Thanks and regards


Bob


SK Satheesh Kumar Balasubramanian Syncfusion Team April 7, 2022 02:28 PM UTC

Hi Bernard,


We have checked your reported issue and let you know that Syncfusion.Blazor.Themes is removed from dependencies of Syncfusion.Blazor.Core in latest version which is the cause for the reported issue. You need to refer the styles from CDN (or) refer Syncfusion.Blazor.Themes Nuget explicitly to resolve the reported issue.


_Layout.cshtml:

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <base rel='nofollow' href="~/" />
    <link rel="stylesheet" rel='nofollow' href="css/bootstrap/bootstrap.min.css" />
    <link rel='nofollow' href="css/site.css" rel="stylesheet" />
    <link rel='nofollow' href="ScheduleComponent.styles.css" rel="stylesheet" />
    <link rel='nofollow' href="https://cdn.syncfusion.com/blazor/20.1.47/styles/material.css" rel="stylesheet"/>
    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
    <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
</head>

Could you please check the attached sample and confirm whether the above solution resolves the problem at your end? 

  

Regards, 

Satheesh Kumar B


Attachment: TabComponent_418fa2d9.zip

BT Bernard Tapie April 12, 2022 09:07 AM UTC

Hi Sateesh,

I've modified the previous sample as you specified, and it works like a charm!

Thank you very much for your analysis and your solution.


VM Vengatesh Maniraj Syncfusion Team April 13, 2022 03:43 AM UTC

Hi Bernard,


You are most welcome!!!


Regards,

Vengatesh 


Loader.
Up arrow icon