Tabs: Setting Tab Class or Style does nothing #1027 (#1035)

gvreddy04 · web-flow · commit 2abb78fd9870 · 2025-02-11T21:17:03.000+05:30
diff --git a/blazorbootstrap/Components/Tabs/Tabs.razor b/blazorbootstrap/Components/Tabs/Tabs.razor
@@ -33,7 +33,7 @@
         <div class="@TabContentCssClass">
             @foreach (var t in tabs)
             {
-                <div class="tab-pane @(EnableFadeEffect ? "fade" : "")" id="nav-@t.Id" role="tabpanel" aria-labelledby="@t.Id">
+                <div id="nav-@t.Id" class="@BootstrapClass.TabPane @(EnableFadeEffect ? BootstrapClass.Fade : "") @t.Class" style="@t.Style" role="tabpanel" aria-labelledby="@t.Id">
                     @t.Content
                 </div>
             }
diff --git a/blazorbootstrap/Constants/BootstrapClass.cs b/blazorbootstrap/Constants/BootstrapClass.cs
@@ -138,6 +138,8 @@ public static class BootstrapClass
     
     public const string Spinner = "spinner";
 
+    public const  string TabPane = "tab-pane";
+
     public const string TableResponsive = "table-responsive";
     public const string TableSticky = "bb-table-sticky";
 

Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@`
`33`	`33`	`<div class="@TabContentCssClass">`
`34`	`34`	`@foreach (var t in tabs)`
`35`	`35`	`{`
`36`		`- <div class="tab-pane @(EnableFadeEffect ? "fade" : "")" id="nav-@t.Id" role="tabpanel" aria-labelledby="@t.Id">`
	`36`	`+ <div id="[email protected]" class="@BootstrapClass.TabPane @(EnableFadeEffect ? BootstrapClass.Fade : "") @t.Class" style="@t.Style" role="tabpanel" aria-labelledby="@t.Id">`
`37`	`37`	`@t.Content`
`38`	`38`	`</div>`
`39`	`39`	`}`