AutomationIDs for diagrams and nodes

[Valentina]

How can I specify AutomationIDs for Panes, Diagrams, and Nodes created at run-time in a project with MVVM architecture?  Is there any example available?

[Peshito]

Hello,

When an element is dynamically created this makes it harder to set an AutomationId automatically. The AutomationId is an attached dependency property and you can set a binding on it which will solve this issue. What you need to do basically is to create a style targeting the element you would like to apply an AutomationId to. Please take a look at the code below for example:

<Window.Resources>
        <Style TargetType="telerik:RadDiagramConnection">
            <Setter Property="AutomationProperties.AutomationId" Value="{Binding Content}">
            </Setter>
        </Style>
        <Style TargetType="telerik:RadDiagramShape">
            <Setter Property="ToolTip" Value="{Binding Content}" />
            <Setter Property="AutomationProperties.AutomationId" Value="{Binding Content}">
            </Setter>
            <Setter Property="Position" Value="{Binding Position, Mode=TwoWay}" />

            <Setter Property="common:AttachedProperties.Connectors" Value="{Binding MyConnectors}" />
        </Style>

As for setting an AutomationId to the Diagram simply set it's AutomationId property:
AutomationProperties.AutomationId="DiagramAutomationID"

Hope this helps.

Regards,
Peshito
Telerik by Progress