Declined
Last Updated: 21 Jun 2025 02:07 by Philip
Philip
Created on: 20 Jun 2025 01:51
Category: Grid
Type: Feature Request
0
New adaptive toolbar UI does not follow the same style as other components

Hello

 

The new adaptive toolbar I think doesn't follow the same style as other components, particularly scrollable tabs.

https://demos.telerik.com/blazor-ui/grid/adaptive

The UI scroll buttons shouldn't just disable, they just be hidden/removed from the UI altogether when they are not active (as it is pretty confusing to the user otherwise) - they should only appear when they need to appear. They also take up real-estate for no value.

Telerik already have the same concept in the UI for the scrollable-tabs seen here;

https://demos.telerik.com/blazor-ui/tabstrip/scrollable-tabs

So I see some inconsistency between the 2 UI's and think they should not appear as does on scrollable tabs.

 

2 comments
Philip
Posted on: 21 Jun 2025 02:07

Oh apologies, my mistake.

 

ADMIN
Ivan Danchev
Posted on: 20 Jun 2025 15:43

Hello Philip,

The visibility of the scroll buttons is controlled with the ScrollButtonsVisibility parameter. It accepts one of the following available values: 

  • GridToolBarScrollButtonsVisibility.Visible
  • GridToolBarScrollButtonsVisibility.Hidden
  • GridToolBarScrollButtonsVisibility.Auto

The demo you linked has a checkbox that allows the user to hide/show the scroll buttons, which is why it uses the Visible and Hidden values. However, if you want the buttons to show and hide automatically, you can set the parameter to Auto:

<GridSettings>
    <GridToolBarSettings OverflowMode="@GridToolBarOverflowMode.Scroll" 
        ScrollButtonsPosition="@ScrollButtonsLayout" 
        ScrollButtonsVisibility="GridToolBarScrollButtonsVisibility.Auto" 
        ShowInactiveTools="true">
    </GridToolBarSettings>
</GridSettings>

Here's a REPL example that demonstrates the effect of setting the parameter as shown above: https://blazorrepl.telerik.com/QTOqckvp35xpc8Rr04 

Declining this feature request, since the behavior is already customizable and with the setting mentioned above the scroll buttons of the Grid's toolbar hide and show (when needed) automatically, as in the TabStrip. 

Regards,
Ivan Danchev
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.