Drag and drop - Group Panel Border

1 Answer 21 Views
Grid
dds
Top achievements
Rank 1
Iron
Iron
dds asked on 25 May 2021, 07:39 AM

Hi there, 

I would like to modify the style of the Group Panel border from a grid,  when the mouse is over the control but I think there is not an event that I can link for this.  Let me know if you have any tip 

 

1 Answer, 1 is accepted

Sort by
1
Accepted
Peter Milchev
Telerik team
answered on 27 May 2021, 03:19 PM

Hi,

There is no need for an event in order to customize the style of the group panel. 

You can use the following style that changes the appearance of the group panel on hover:

.RadGrid .rgGroupPanel:hover{
    border: 1px solid green;
    background-color: yellowgreen;
    color: white
}

 

For further customization, you can follow the suggestions in the first two points of the Improve Your Debugging Skills with Chrome DevTools blog post explaining how to inspect the generated HTML and check the applied styles for various elements. 

Once you know the styles you need to override, you can use the same style selector and add "html body " in front of it to make it more specific, "stronger". More on CSS specificity you can find here: 

Regards,
Peter Milchev
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/.

Tags
Grid
Asked by
dds
Top achievements
Rank 1
Iron
Iron
Answers by
Peter Milchev
Telerik team
Share this question
or