Hand cursor for group row expand/collapse button

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 03 Mar 2022 13:06 by ADMIN

Nemo

Created on: 28 Feb 2022 18:48

Category: Grid

Type: Bug Report

Hand cursor for group row expand/collapse button

Hi, how to show a pointer cursor while mouse over the group arrow icon? I could probably set style="cursor: pointer", but just wondering if there is any other approach. Thanks.

Attached Files:

capture.PNG

5 comments

ADMIN

Stamo Gochev

Posted on: 03 Mar 2022 13:06

Hi,

I want to let you know that I have made the current bug report visible in the public Feedback Portal, so that other people can also see it and vote for it:

https://feedback.telerik.com/blazor/1555647

Regards,
Stamo Gochev
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.

Nemo

Posted on: 02 Mar 2022 13:11

That's great, thanks Nadezhda!

ADMIN

Nadezhda Tacheva

Posted on: 02 Mar 2022 09:08

Hi Srihari,

I am glad that you have managed to customize the pointer as desired. Indeed, it would be nice to support cursor: pointer for the expand/collapse icons out of the box. The TreeView currently has it as you correctly mentioned. However, some of the other components are displaying the default cursor by default - including the Grid, TreeList, Gantt.

I synced with our front-end team and got a confirmation that we should support cursor: pointer for the expand/collapse icons. Therefore, I opened an issue in the kendo-themes repo covering this case. You can check it here and keep an eye on its status:

https://github.com/telerik/kendo-themes/issues/3433.

In addition, I converted this thread to a "Bug report".

Last but not least, I rewarded your account with some Telerik points as a small gesture of gratitude for reporting this behavior.

Regards,
Nadezhda Tacheva
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.

Nemo

Posted on: 01 Mar 2022 14:12

Ok, thanks Marin. I applied css as follows,

.k-icon, .k-i-expand {
cursor: pointer;
}

.k-icon, .k-i-collapse {
cursor: pointer;
}

It would be great if you can add this by default as other components such as TreeView show pointer cursor by default for the expand collapse icons. Thank you!

ADMIN

Marin Bratanov

Posted on: 28 Feb 2022 22:02

Hi,

Using CSS to set the cursor: pointer is a perfectly valid approach.

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.