Need More Info
Last Updated: 08 Feb 2022 13:06 by ADMIN
Darryl
Created on: 03 Apr 2013 00:52
Category: Grid
Type: Feature Request
35
More configuration options for grid command buttons
Personally, I much prefer image buttons over text buttons in the grid just to keep bulk down especially when you have a wide grid or a number of custom command buttons with long text.

To do this at present requires some fancy css styling in the grid databound event.

I would like to see more configuration options for grid commands to allow for ....

- Built-in commands (Edit, Delete, etc) and custom commands to be image only
- Built-in commands and custom commands to have a "tooltip" option
7 comments
ADMIN
Maria Ivanova
Posted on: 08 Feb 2022 13:06

Hey Folks,

A friendly reminder and ask for input (in case the item is still relevant and of importance to you). We will appreciate your comments and input on the item in the coming month. Without additional input from your side, we are not able to analyze and consider it for the backlog.

Kind Regards, Maria VeledinovaPM at 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.

ADMIN
Viktor Tachev
Posted on: 14 May 2021 08:53

Hello,

The built-in command buttons include an icon and text by default. In order to keep only the icon you can set the command.text option to an empty string:

{ command: [{name: "edit", text: ""}, {name: "destroy", text: ""}] }

Having the browser show a tooltip for a command button can be achieved by defining a template for the command and adding a title attribute to the anchor element.

 

The appearance of the command buttons and the entire components can be changed by utilizing one of the available themes. In addition to the available themes you can configure your own via the ThemeBuilder.

 

The confirmation window shown by the Grid can be customized using the approach described in the following Knowledge Base article:

https://docs.telerik.com/kendo-ui/knowledge-base/custom-delete-confirmation-dialog

 

Having only an icon in the MVC component can be achieved in a similar way by setting the Text option for the command empty:

columns.Command(command => { command.Edit().Text(" ");  });

 

The UpdateHtmlAttributes/CancelHtmlAttributes are indeed currently not currently available. We will consider them for a future release.

 

Let me know if there are additional customization options missing from the command buttons.

 

Regards,
Viktor Tachev
Progress Telerik

Тhe web is about to get a bit better! 

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.

Leo
Posted on: 27 Aug 2019 18:50

Like this request. Would like to add two more configuration options: UpdateHtmlAttributes/CancelHtmlAttributes methods to the MVC wrappers. That way it would be possible to control the htmlattributes of the update/cancel button. More background info: https://www.telerik.com/account/support-tickets/view-ticket/1425034

Christian
Posted on: 06 Aug 2019 06:36

Please add this feature also to the mvc version of kendo ui.

 

Kiril
Posted on: 19 Dec 2016 11:29
it would be nice in future releases to have more fluent options for commands - alertTemplate, showAlert, etc
Thomas
Posted on: 08 Jan 2016 19:50
Would be nice to have custom templates for edit buttons
Scott
Posted on: 11 Apr 2015 04:44
I like the style from Q3 2011 - nice and compact.  New buttons take up too much real estate.
http://bugtrack.verisoft.com/razor/Grid/EditingAjax?theme=office2007