RadDiagramShape MouseOver to trigger RadDiagramContainerShape MouseOver

[Tulio]

Hi!

I am using RadDiagram and in my diagram I have a couple of RadDiagramContainerShape with a handful  of RadDiagramShape's inside of it.

I am styling the RadDiagramContainerShape so that it changes color when the mouse is over and that works fine.

However when the mouse is over any of the RadDiagramShape inside of it, it detects as MouseOver=false. I can see that in the visual tree that shapes are not children of Containers, so it seems that is what is causing this behavior.

 

So, to summarize, I am trying to change the background of the Container, when the mouse is over the Container AND over any shape INSIDE of the container.

Is there any way to accomplish what I am trying to do?

 

Thanks!

[Petar Mladenov]

Hello Tulio,

I guess you have added MouseOver VisualState in the ControlTemplate of the ContainerShapes. If so, you can subscribe to MouseEnter and MouseLeave events of all shapes, then invoke the MouseOver / Normal states of the Containers that are behind the shape:

EventManager.RegisterClassHandler(typeof(RadDiagramShape), FrameworkElement.MouseEnterEvent, new MouseEventHandler(Shape_MouseEnter));
           hitTestService = this.diagram.ServiceLocator.GetService<IHitTestService>();
       }

       private void Shape_MouseEnter(object sender, System.Windows.Input.MouseEventArgs e)
       {
           RadDiagramShape enteredShape = e.OriginalSource as RadDiagramShape;
           foreach (IShape shape in
               hitTestService.GetShapesNearPoint(enteredShape.Bounds.Center(), 0).OfType<IContainerShape>())
           {
               var container = shape as RadDiagramContainerShape;
               VisualStateManager.GoToState(container, "MouseOver", false);
           }
       }

For more information on HitTestService please find follow documentation article.

Diagram HitTestService

I hope this approach helps you move forward.

Regards,
Petar Mladenov
Progress Telerik

[Tulio]

It worked. Thanks!