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

Resizing Edit/Delete buttons in Grid

1 Answer 300 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Anderson
Top achievements
Rank 1
Anderson asked on 10 Mar 2014, 09:43 PM
Hi,

I'm not sure how to resize the Edit and Delete buttons in the Kendo Grid after getting rid of the text so it only shows the icon.

I was able to do so for the "Create" button. (see image)

It worked for the create button when I simply set the Text field to nothing, and re-adjusted the padding like this
$('.k-button').css('padding-right', '2px');

But it didn't work for the other two buttons.

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 12 Mar 2014, 10:02 AM
Hi Anderson,

These buttons have a min-width style applied. You need to override it, e.g. by setting it to zero.

div.k-grid tbody .k-button
{
   min-width: 0;
}

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Anderson
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or