In a horizontal tab strip I would like align a single tab to the right of the tab strip.

1 Answer 31 Views
TabStrip
Jstemper
Top achievements
Rank 2
Iron
Jstemper asked on 07 Jul 2022, 07:27 PM

In a horizontal tab strip I would like align a single tab to the right of the tab strip.  Is this possible?

 

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 12 Jul 2022, 08:44 AM

Hi John,

Yes. Assign a custom CSS Class to the desired tab and apply absolute position to it with higher specificity.

<TelerikTabStrip Width="800px">
    <TabStripTab Title="First">
        First tab content.
    </TabStripTab>
    <TabStripTab Title="Second">
        Second tab content.
    </TabStripTab>
    <TabStripTab Title="Third" Class="right-tab">
        Third tab content.
    </TabStripTab>
</TelerikTabStrip>

<style>
    .k-tabstrip-items .k-item.right-tab {
        position: absolute;
        right: 0;
    }

</style>

Regards,
Dimo
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
TabStrip
Asked by
Jstemper
Top achievements
Rank 2
Iron
Answers by
Dimo
Telerik team
Share this question
or