Misaligned RadPanes

2 posts, 0 answers
  1. Alex Fioletov
    Alex Fioletov avatar
    7 posts
    Member since:
    Jul 2009

    Posted 18 Apr 2012 Link to this post

    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
  2. Dani
    Admin
    Dani avatar
    848 posts

    Posted 24 Apr 2012 Link to this post

    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
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
  3. DevCraft banner
Back to Top