Ruler Scrolling with the RadDiagram

[Yogendra]

Hi

I am working on the diagram control. I have added the RadDiagramRuler control to it. Both of 
these control are inside a scrollviewer.
Th problem with this approach is, when the scrollviewer is scrolled vertically the top ruler hides 
and when scrolled  horizontally the Left most ruler hides.
What I want is to let all the rulers, top left right and bottom displays otherwise the scroll. 
If I place the ruler outside of the scroll bar, the value to rulers don't updates on scrolling.

Please suggest something. Thanks.

[Pavel R. Pavlov]

Hello,

The reported behavior is expected when you host both controls in a ScrollViewer component. You actually are scrolling both controls.

Please note that there is straightforward way to achieve your requirement. You can use attached properties to visualize scroll bars inside the RadDiagram.
Furthermore, the RadDiagramRuller component will properly handle the scrolling.

Please try using this snippet and let us know if it works in your particular scenario:

<Grid x:Name="LayoutRoot" Background="White">
    <Grid.RowDefinitions>
        <RowDefinition Height="20" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="20"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <telerik:RadDiagramRuler Diagram="{Binding ElementName=xDiagram}" Placement="Top" Grid.Column="1" />
    <telerik:RadDiagramRuler Diagram="{Binding ElementName=xDiagram}" Placement="Left" Grid.Row="1" />
    <telerik:RadDiagram x:Name="xDiagram"
                        Grid.Row="1"
                        Grid.Column="1"
                        ScrollViewer.HorizontalScrollBarVisibility="Visible"
                        ScrollViewer.VerticalScrollBarVisibility="Visible">
        <telerik:RadDiagramShape x:Name="shape1"
                                 Content="Shape 1"
                                 Position="20,20" />
        <telerik:RadDiagramShape x:Name="shape2"
                                 Content="Shape 2"
                                 Position="520,520" />
        <telerik:RadDiagramConnection Source="{Binding ElementName=shape1}" Target="{Binding ElementName=shape2}" />
    </telerik:RadDiagram>
</Grid>

I hope this clarifies your concerns.

Regards,
Pavel R. Pavlov
Telerik