Add Custom HTML to RadzenTabsItem Text

Radzen.Blazor Components
1

Greetings,
I would like to add custom HTML to a RadzenTabsItem.
In my case it a Spinner from Bootstrap
Like this:

   <RadzenTabsItem Text="Title  <div class="spinner-border" role="status"><span class="sr-only">Loading...</span> </div>">

But the HTML does not render

2

Hi @Breee,

Welcome to the Radzen Community!

Indeed Blazor encodes all html by default. Using HTML for the Tabs item Text property isn't supported.

1 Like
3

I see.
My aim was to visualize that a tab's content is still loading, so In the meantime i just assigned a class to the given tab and animated the icon

<RadzenTabsItem Text="@branch" Icon="autorenew" class="loading_tab">

app.css:

.loading_tab .ui-tabview-left-icon {
  -webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
from {
  -webkit-transform: rotate(0deg);
 }
 to {
 -webkit-transform: rotate(359deg);
 }
}
1 Like