How to change RadTaskBoard drag and drop theme color

[Henri]

Hi, how can I change the RadTaskBoard drag and drop fill color? I would like to set it to teal for example rather purple. I believe that will fix a problem in my RadGridView when in Drag and Drop mode as well.

I am using VisualStudio2022Dark theme.

[Nadya | Tech Support Engineer]

Hello, Henri,

TaskBoardElement.ItemDragHint property defines the hint that indicates, where a task card will be dropped after a drag operation. It is of type RadImageShape and you can assign any suitable image/svg image that you want. Please refer to the following code snippet:

RadImageShape dragHint = new RadImageShape();
dragHint.SvgImage = RadSvgImage.FromByteArray( Resources.black_line);
this.radTaskBoard1.TaskBoardElement.ItemDragHint = dragHint;

I hope this information helps. If you have other questions do not hesitate to ask. 

Regards,
Nadya | Tech Support Engineer
Progress Telerik

[Henri]

Hi Nadya, thanks for your answer but that is not what I am looking for. I want to change the line with the up and down arrows from purple to teal. I am working in Visual Style Builder.

I have the same behavior when I am working in my application with a RadGridView using drag and drop as image below. I believe if I can change the color in the RadTaskBoard, it will fix the drag and drop in RadGridView.

[Nadya | Tech Support Engineer]

Hello, Henri,

As I already informed you ItemDragHint represents an image. If you want to change its color you should use appropriate image with desired color and replace the image either in code or in Visual Style Builder tool. 

In VSB you can change the ItemDragHint by accessing the RadTaskBoardElement. I attached a picture that illustrates where you can find it. I attached also an image with another item drag hint which you can test and apply to your task board. Feel free to apply any custom image that you neeed to customize the grad hint. 

I hope this information helps. If you have other questions, please let me know.

[Henri]

Thanks, Nadya.

[Henri]

As an addition to the community, here it is where to change in the RadGridView.

[Nadya | Tech Support Engineer]

Hello, Henri,

Thank you for sharing with the community screenshots about how to change the ColumnDragHint in RadGridView as well so other clients may also benefit from it.

If you have other questions, do not hesitate to contact me.