Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 31 Aug 2022 07:41 by ADMIN
George
Created on: 15 Aug 2022 11:59
Category: TabStrip
Type: Feature Request
1
Enhance TabStrip to support navigation in the same way as the Drawer

I like the way Drawer is designed to support navigation.

It would be neat if TabStrip supported the same use-case. The basic idea would be that it would work like the Drawer navigation, but be presented as a tabbed interface. (Github's pull request UI works very much like this.) As this would require new syntax, I'm guessing it would be a new component such as NavTabStrip.


<TelerikRootComponent>

    <TelerikNavTabStrip Data="@NavigablePages">
        <NavTabStripContent>
            @Body
        </NavTabStripContent>
    </TelerikNavTabStrip >

</TelerikRootComponent>

3 comments
ADMIN
Nadezhda Tacheva
Posted on: 31 Aug 2022 07:41

Hi George,

Besides the below listed options, we are also planning on exposing OnItemRender event, with ability to set Class and PopupClass per item. This will allow you add a custom CSS to the items based on your desired logic, so you can style them as needed. In your scenario, you will be targeting the active item but the use case might be different and this enhancement will provide flexibility.

If interested, you may vote for the item and follow it to receive status updates.

Regards,
Nadezhda Tacheva
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/.

George
Posted on: 24 Aug 2022 15:34

Hi

Thanks for your consideration and feedback.

Do you have any plans to offer built-in support for "active" menu items? Default styling etc...

Thanks

 

ADMIN
Nadezhda Tacheva
Posted on: 22 Aug 2022 12:36

Hi George,

Generally speaking, the purpose of the TabStrip component is a bit different - it is designed to let you render different content on the current page depending on the selected tab, rather than allowing the user navigate to a another page. This is achieved through declaring different content for the specific tabs and you cannot essentially have multiple @Body entries. That said, the described scenario is not something that the TabStrip can cover.

The example that you mentioned targeting the GitHub's pull request UI is a separate use case since the tabs in this scenario surround only a specific part of the page and not the whole body.

Having the above in mind, I would recommend using the Menu as a more suitable component that will allow you achieve the desired functionality. The Menu itself has different design from the TabStrip component - it presents the items in a traditional menu-like structure rather than in tabbed interface. However, it has built-in navigation capabilities and the user can browse through the items and their children.

For the time being, it is possible to achieve any needed item customization through a Template (for example, visually mark the selected menu item). In future version of the product we will also expose a CssClassField that will let you style the entire item. If interested, you may vote for the request and follow it to get status email updates.

Take your time to revise the Menu component and please let me know if any questions are raised. I will hereby mark the current request as "Declined" as such navigation cannot be supported by the TabStrip.

Regards,
Nadezhda Tacheva
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category