[Solved] Misaligned RadPanes

[Alex Fioletov]

Good afternoon,

I've some issue with misaligned RadPanes. I attached screen shot to demo it.
in version 2011.2.1031.1040 (layout.jpg) difference is several pixels. the latest trial release looks better (layout.trial.jpg) but it has difference too.

Is it possible to avoid this misalignment? When I put the same control into panes 4 and 5 it becomes too obvious, because one of then has vertical scrolling and second has not.

Here is my xaml:

<radDock:RadDocking x:Name="dockingControl" radDock:RadDocking.SerializationTag="mainDockControl" Grid.Row="1">


            <radDock:RadDocking.DocumentHost>
                <radDock:RadSplitContainer InitialPosition="DockedTop" Orientation="Vertical" radDock:ProportionalStackPanel.RelativeSize="750, 600">
                    <radDock:RadPaneGroup radDock:ProportionalStackPanel.RelativeSize="750, 180">
                        <radDock:RadPane Title="Pane 1" Header="Pane 1" CanDockInDocumentHost="True" CanFloat="True" CanUserClose="False" CanUserPin="True"  HorizontalAlignment="Stretch">
                            <ScrollViewer ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.HorizontalScrollBarVisibility="Auto" TabNavigation="Cycle">
                            </ScrollViewer>
                        </radDock:RadPane>
                    </radDock:RadPaneGroup>
                    <radDock:RadSplitContainer InitialPosition="DockedBottom" Orientation="Horizontal"   radDock:ProportionalStackPanel.RelativeSize="750, 320">
                        <radDock:RadPaneGroup>
                            <radDock:RadPane Title="Pane 4" Header="Pane 4" CanFloat="True" CanUserClose="False" CanUserPin="True" CanDockInDocumentHost="True" >
                            </radDock:RadPane>
                        </radDock:RadPaneGroup>
                        <radDock:RadPaneGroup>
                            <radDock:RadPane Title="Pane 5" Header="Pane 5" CanFloat="True" CanUserClose="False" CanUserPin="True" CanDockInDocumentHost="True">
                            </radDock:RadPane>
                        </radDock:RadPaneGroup>
                    </radDock:RadSplitContainer>

                </radDock:RadSplitContainer >
            </radDock:RadDocking.DocumentHost>

            <radDock:RadSplitContainer InitialPosition="DockedRight" Orientation="Vertical" Width="600">
                <radDock:RadPaneGroup radDock:ProportionalStackPanel.RelativeSize="450, 210">
                    <radDock:RadPane Title="Pane 2" Header="Pane 2" CanFloat="True" CanUserClose="False" CanUserPin="True" CanDockInDocumentHost="True"  IsPinned="False" AutoHideWidth="600">
                    </radDock:RadPane>
                </radDock:RadPaneGroup>
                <radDock:RadPaneGroup radDock:ProportionalStackPanel.RelativeSize="450, 210">
                    <radDock:RadPane Title="Pane 3" Header="Pane 3" CanFloat="True" CanUserClose="False" CanUserPin="True" CanDockInDocumentHost="True"  IsPinned="False" AutoHideWidth="600">
                        <ScrollViewer ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.HorizontalScrollBarVisibility="Auto" TabNavigation="Cycle">
                        </ScrollViewer>
                    </radDock:RadPane>
                </radDock:RadPaneGroup>
            </radDock:RadSplitContainer>

            <radDock:RadSplitContainer InitialPosition="DockedBottom" Orientation="Horizontal" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" radDock:ProportionalStackPanel.RelativeSize="1200, 250">

                <radDock:RadPaneGroup  radDock:ProportionalStackPanel.RelativeSize="800, 180">
                    <radDock:RadPane Title="pane 6" Header="pane 6" CanFloat="True" CanUserClose="False" CanUserPin="True" CanDockInDocumentHost="True" >
                    </radDock:RadPane>
                </radDock:RadPaneGroup>
                <radDock:RadPaneGroup radDock:ProportionalStackPanel.RelativeSize="400, 180">
                    <radDock:RadPane Title="pane 7" Header="pane 7" CanFloat="True" CanUserClose="False" CanUserPin="True" CanDockInDocumentHost="True" >
                        <ScrollViewer ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.HorizontalScrollBarVisibility="Auto" TabNavigation="Cycle">

                        </ScrollViewer>
                    </radDock:RadPane>
                </radDock:RadPaneGroup>
            </radDock:RadSplitContainer>



        </radDock:RadDocking>

Thank you,
Alex

[Dani]

Hi Alex,

Thank you for bringing this issue to our attention.

In your particular scenario, you could fix this discrepancy by editing the PaneGroupDocumentTemplate of RadPaneGroupStyle. In its ResizerLeft Visual State, find the animation targeting the ItemsPresenterElement. Replace the Thickness value of the margin animation with:

<Thickness>4 2 0 2</Thickness>

We will further test this in a variety of scenarios and will provide a fix as soon as possible.

Kind regards,
Dani
the Telerik team