This is a migrated thread and some comments may be shown as answers.

TabStripTab templates or possiblity for content

2 Answers 174 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Morten
Top achievements
Rank 1
Morten asked on 01 May 2020, 01:26 PM

I want to put an icon on the tab, example a google font icon

I tried something like this (so you hopefully can see where I'm going):

<TelerikTabStrip @bind-ActiveTabIndex="@ActiveTabIndex">
    <TabStripTab Title="Sofia">
    </TabStripTab>
    <TabStripTab Title="London">
    </TabStripTab>
    <div class="material-icons project tab-item">
        security
        <TabStripTab Title="Azure RBAC">
        </TabStripTab>
    </div>
</TelerikTabStrip>

 

2 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 01 May 2020, 02:16 PM

Hi Morten,

You can Follow the implementation of such capabilities in this page: https://feedback.telerik.com/blazor/1419293-tab-strip-label-template. I've added your Vote for it on your behalf and I posted a modified hack that shows how you could step on some of the built-in classes and markup structure to get something similar to a template.

 

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Morten
Top achievements
Rank 1
answered on 01 May 2020, 02:46 PM
Ok thanks. I'll try it out and/or wait :)
Tags
TabStrip
Asked by
Morten
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Morten
Top achievements
Rank 1
Share this question
or