Styling RadDiagramContainerShape Rad Border when draggin over

[Joao]

Hi.

I'm creating a UI to drag items from a RadListBox into a RadDiagramContainerShape. When dragging over the container shape a huge red border is generated, but it doesn't mix well with my app look and feel, is is possible to style it or remove it?

 

You can see an example here.

[Martin Ivanov]

Hello Joao,

To achieve your requirement, you can extract the ControlTemplate of RadDiagramContainerShape and modify or remove the Border with x:Name set to "DragOverBorder".

An alternative approach is to use the ChildrenOfType<T> extension method to get the Border element in code-behind and customize it there. For example:

private void RadDiagramContainerShape_Loaded(object sender, RoutedEventArgs e)
{
	var container = (RadDiagramContainerShape)sender;
	var dragOverBorder = container.ChildrenOfType<Border>().FirstOrDefault(x => x.Name == "DragOverBorder");
	if (dragOverBorder != null)
	{
		// set BorderBrush, in case you want to only change the color
		dragOverBorder.BorderBrush = Brushes.Green;

		// set Opacity to 0 or BorderThickness to 0, in case you want to hide the border
		dragOverBorder.BorderThickness = new Thickness(0);
	}
}

I hope this helps.

Regards,
Martin Ivanov
Progress Telerik