Extension settingsExtension settings - Hello Joe, - To change the height of the Edit button in the Grid, you can adjust its padding (top and bottom) as well as its line-height. Try adding the following to your CSS: - - .k-button.k-grid-edit { - line-height: 1; - padding-top: 0; - padding-bottom: 0; - } - - - - I hope this helps. - - Regards, - Orlin - Telerik by Progress - Try our brand new, jQuery-free Angular 2 components built from ground-up which - deliver the business app essential building blocks - a grid component, - data visualization (charts) and form elements. -

Telerik Forums / UI for ASP.NET MVC Forum / Grid /

Edit button height

Telerik UI for ASP.NET MVC
Resources Buy Try

3 posts, 1 answers

Joe

220 posts

Member since:
May 2012

Posted 03 Feb 2017 Link to this post

I always have a heck of a time trying to find the right CSS style to override for things... Right now, I need to change the height of the Edit button in the grid... I hate all that extra spacing and want to make it slimmer so my rows in my grid look good, without all that additional padding... How can I do this?
Answer
Orlin
Admin

62 posts

Posted 07 Feb 2017 Link to this post

Extension settings Extension settings
Hello Joe,

To change the height of the Edit button in the Grid, you can adjust its padding (top and bottom) as well as its line-height. Try adding the following to your CSS:

.k-button.k-grid-edit {

    line-height: 1;

    padding-top: 0;

    padding-bottom: 0;

}

I hope this helps.

Regards,
Orlin
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Joe

220 posts

Member since:
May 2012

Posted 07 Feb 2017 in reply to Orlin Link to this post

Thank you