Data entry in grid on a mobile device

1 Answer 37 Views
Button Editor Form Grid
Maria
Top achievements
Rank 1
Maria asked on 03 Feb 2025, 09:02 PM

In the attached image is a data entry screen from a grid.  It is displayed on a mobile device.   How can I change the <save> and <cancel> to a button so that it is more obvious to our users of where to click to <save> or <cancel> from this data entry point?  Or do you have any other suggestions to help in this situation?

Thanks

-Maria

1 Answer, 1 is accepted

Sort by
0
Accepted
Mihaela
Telerik team
answered on 06 Feb 2025, 08:48 PM

Hi Maria,

You can modify the Save/Cancel icons with CSS and set a border and a background color. This way, they will look like buttons. For example:

<style>
  .k-header-done, .k-header-cancel {
     border-color: #000000 !important; /* set the desired border color */
     background: #6bd6d7 !important; /* set the desired background color */
}
</style>

Here is a REPL sample for your reference: https://netcorerepl.telerik.com/GzacuUQY4806uA1c02

Regards,
Mihaela
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Maria
Top achievements
Rank 1
commented on 07 Feb 2025, 07:36 PM

Thank you!!
Tags
Button Editor Form Grid
Asked by
Maria
Top achievements
Rank 1
Answers by
Mihaela
Telerik team
Share this question
or