1. Home
  2. Forum
  3. Blazor
  4. SfTab with bootstrap5-dark not displaying correctly

SfTab with bootstrap5-dark not displaying correctly

tab-theme-issue.png 

Hi,

I am trying to the SfTab control with the bootstrap5-dark theme.  Using the code below in Index.razor, as shown in the attached image, the Tabs do not display correctly.  Note that if I put the same code inside a dialog it displays fine.

Please advise, thanks.


<SfTab>

<TabItems>

<TabItem>

<ChildContent>

<TabHeader Text="FIRST"></TabHeader>

</ChildContent>

<ContentTemplate>

<SfGrid TValue="string" />

</ContentTemplate>

</TabItem>

<TabItem>

<ChildContent>

<TabHeader Text="SECOND"></TabHeader>

</ChildContent>

<ContentTemplate>

</ContentTemplate>

</TabItem>

</TabItems>

</SfTab>




5 Replies
SK Satheesh Kumar Balasubramanian Syncfusion Team October 21, 2021 03:13 AM UTC

Hi John, 
  
Thanks for using Syncfusion Products. 
  
We have validated your reported query "SfTab with bootstrap5-dark not displaying correctly" and confirmed as defect at our end. So, we have logged the bug report which can be tracked from the following link. 
  
  
The issue for this defect will be included in our upcoming patch release which is expected to be rolled out by October 26, 2021. We would appreciate your valuable patience until then. 
  
Regards, 
Satheesh Kumar B 


VD Vinitha Devi Murugan Syncfusion Team October 28, 2021 11:47 AM UTC

 
Sorry for the inconvenience. 
 
The reported issue has been fixed at our end but unfortunately, the fix is not included in the latest package version due to some technical problem at our end. Currently, we are working on this with high priority and we let you know that the fix will be available in the next patch release which is scheduled for November 02, 2021 without any further delay. We appreciate your patience until then. 
 
Regards, 
Vinitha 


VM Vengatesh Maniraj Syncfusion Team November 3, 2021 01:27 PM UTC

Hi All, 

An issue with the bootstrap5 -dark theme has been fixed and the fix has been included in our latest package (v19.3.48). So we suggest upgrading your package to the latest version to avail of this fix. 

Kindly try the latest version and get back to us if you need any further assistance. 

Regards, 
Vengatesh

JO John November 5, 2021 06:45 PM UTC

Yes, it works now.  Thank you :)


VM Vengatesh Maniraj Syncfusion Team November 8, 2021 11:49 AM UTC

Hi John, 

Thanks for the update. 

We are happy that your problem has resolved now. 

Please get in touch with us if you need any further assistance.  

Regards, 
Vengatesh 


Loader.
Up arrow icon