Edit button height

3 posts, 1 answers
  1. Joe
    Joe avatar
    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?
  2. Answer
    Orlin
    Admin
    Orlin avatar
    62 posts

    Posted 07 Feb 2017 Link to this post

    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.
  3. Joe
    Joe avatar
    220 posts
    Member since:
    May 2012

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

    Thank you
Back to Top