Larger 'Edit' buttons

2 posts, 0 answers
  1. Windhoek2010
    Windhoek2010 avatar
    14 posts
    Member since:
    Jul 2014

    Posted 17 May Link to this post

    Hello,

    Does anyone know of a way I can make all my Edit buttons in RadGrid larger? Currently, the 'Telerik' skin has an edit button which is 12 x 12 px, which is difficult to click. Is there a skin that uses bigger edit buttons (so far all the ones I've seen use the same small edit buttons). Alternatively, is there a way I can set my own edit button globally, without having to manipulate each and every GridEditCommandColumn?

  2. Eyup
    Admin
    Eyup avatar
    3005 posts

    Posted 23 May Link to this post

    Hi,

    If you are using the Lightweight render mode:
    http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/mobile-support/render-modes#important-notes-about-render-mode

    You can modify the Font Icon size:
    http://docs.telerik.com/devtools/aspnet-ajax/general-information/controlling-visual-appearance/fonts#font-icon-size

    In this case it will be something similar to this:
    <telerik:GridEditCommandColumn>
        <ItemStyle CssClass="editColumnClass" />
    </telerik:GridEditCommandColumn>
    CSS:
    div.RadGrid .editColumnClass .rgActionButton {
        font-size: 2em;
    }

    I hope this will prove helpful.


    Regards,
    Eyup
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top