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

Larger 'Edit' buttons

1 Answer 112 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Windhoek2010
Top achievements
Rank 1
Windhoek2010 asked on 18 May 2016, 03:56 AM

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?

1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 23 May 2016, 07:01 AM
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.
Tags
Grid
Asked by
Windhoek2010
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Share this question
or