Splitter works funny in dock control

[Lior ef]

hi guys,

what's up?

i have to following WPF window:

xmlns:radDock="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Docking"
    xmlns:radNav="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation"
    xmlns:radInput="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"
    xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
    Title="Window1" Height="700" Width="900">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="auto" />
        </Grid.RowDefinitions>

        <radNav:RadMenu Grid.Row="0">
            <radNav:RadMenuItem Header="Menu Category #1">
                <TextBlock> Menu Item #1 </TextBlock>
            </radNav:RadMenuItem>
            <radNav:RadMenuItem Header="Menu Category #2">
                <TextBlock> Menu Item #2</TextBlock>
            </radNav:RadMenuItem>
            <radNav:RadMenuItem Header="Menu Category #3">
                <TextBlock> Menu Item #3</TextBlock>
            </radNav:RadMenuItem>
        </radNav:RadMenu>

        <ScrollViewer CanContentScroll="False" HorizontalScrollBarVisibility="Auto"
                      VerticalScrollBarVisibility="Auto" Grid.Row="1">
            <radNav:RadToolBar>
                <telerik:RadWrapPanel>
                    <telerik:RadButton>ToolBar Item #1</telerik:RadButton>
                    <telerik:RadButton>ToolBar Item #2</telerik:RadButton>
                </telerik:RadWrapPanel>
                <radNav:RadToolBarSeparator/>
                <telerik:RadWrapPanel>
                    <telerik:RadButton>ToolBar Item #3</telerik:RadButton>
                    <telerik:RadButton>ToolBar Item #4</telerik:RadButton>
                </telerik:RadWrapPanel>
            </radNav:RadToolBar>
        </ScrollViewer>

        <DockPanel Grid.Row="2">
            <telerik:RadExpander ExpandDirection="Left" IsExpanded="True" DockPanel.Dock="Right">
                <ScrollViewer CanContentScroll="False" HorizontalScrollBarVisibility="Auto"
                              VerticalScrollBarVisibility="Auto">
                    <StackPanel VerticalAlignment="Top" HorizontalAlignment="Left">
                        <telerik:RadButton/>
                    </StackPanel>
                </ScrollViewer>
            </telerik:RadExpander>

            <radDock:RadDocking x:Name="MainDockingControl" FlowDirection="RightToLeft" DockPanel.Dock="Top">

                <radDock:RadDocking.DocumentHost>
                    <radDock:RadSplitContainer>
                        <radDock:RadPaneGroup Name="pngMainInDocumentHost" >
                            <radDock:RadPane Header="pane #1">
                                <StackPanel>
                                    <telerik:RadButton Name="CreateNewFloat">
                                        Creat New Float Pane
                                    </telerik:RadButton>

                                    <GroupBox>
                                        <GroupItem>
                                        <StackPanel>
                                            <telerik:RadRadioButton>Radio Button #1</telerik:RadRadioButton>
                                            <telerik:RadRadioButton>Radio Button #1</telerik:RadRadioButton>
                                            <telerik:RadRadioButton>Radio Button #1</telerik:RadRadioButton>
                                            <telerik:RadRadioButton>Radio Button #1</telerik:RadRadioButton>
                                        </StackPanel>
                                        </GroupItem>
                                    </GroupBox>
                                </StackPanel>
                            </radDock:RadPane>

                            <radDock:RadPane Header="pane #2">
                                <TextBlock> This Is Pane #2 </TextBlock>
                            </radDock:RadPane>

                            <radDock:RadPane Header="pane #3">
                                <TextBlock> This Is Pane #3</TextBlock>
                            </radDock:RadPane>
                        </radDock:RadPaneGroup>
                    </radDock:RadSplitContainer>
                </radDock:RadDocking.DocumentHost>
            </radDock:RadDocking>

            <radDock:RadDocking FlowDirection="RightToLeft" DockPanel.Dock="Bottom">
                <radDock:RadDocking.DocumentHost>
                    <radDock:RadSplitContainer>
                        <radDock:RadPaneGroup>
                            <radDock:RadPane Header="Bottom Docked Control - Pane #1">
                                <StackPanel>
                                    <TextBlock>Bottom Docked Control - Pane #1</TextBlock>

                                    <radInput:RadDatePicker Name="myDatePicker" />
                                    <Label Content="{Binding ElementName=myDatePicker, Path=SelectedDate}" />
                                </StackPanel>
                            </radDock:RadPane>

                            <radDock:RadPane Header="Bottom Docked Control - Pane #2">
                                <TextBlock>Bottom Docked Control - Pane #2</TextBlock>
                            </radDock:RadPane>

                            <radDock:RadPane Header="Bottom Docked Control - Pane #3">
                                <TextBlock>Bottom Docked Control - Pane #3</TextBlock>
                            </radDock:RadPane>
                        </radDock:RadPaneGroup>
                    </radDock:RadSplitContainer>
                </radDock:RadDocking.DocumentHost>
            </radDock:RadDocking>
        </DockPanel>

        <radNav:RadToolBar Grid.Row="3">
            <telerik:RadSlider Width="100" Value="1" Orientation="Horizontal" HandlesVisibility="Visible"
                               HorizontalAlignment="Left" Maximum="10" LargeChange="1" Minimum="1"
                               IsMoveToPointEnabled="False"/>
            <radNav:RadToolBarSeparator/>
            <Label Content="Some Content" />
            <radNav:RadToolBarSeparator/>
            <ProgressBar Value="30"/>
        </radNav:RadToolBar>
    </Grid>

in the bottom dock control i take one pane and dock it to the right (doesn't matter how you dock it)

when i try to resize the pane with the splitter between the pane and the DocumnetHost the splitter reacts opposite 

to my mouse pointer.

any suggestions?

thanks in advance,

Lior.

[Miroslav Nedyalkov]

Hi Lior,

 We noticed this problem one of previous times you sent use your XAML - the problem is caused by the FlowDirection property which value is set to RightToLeft. Unfortunately the Docking control doesn't fully support this feature and some issues like this one occur. One other issue happens when attempt to drag and drop panes. We will address this problems as soon as we can, but unfortunately we will not be able to fix them for the Q1 release.

All the best,
Miroslav Nedyalkov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Lior ef]

hi Miroslav,

well, than's a big issue for us, my company develops applications that needs RightToLeft abilities,

do you have a more specific time frame maybe?

don't want to nag about that but it's crucial for us.

thanks a lot.

[Miroslav Nedyalkov]

Hello Lior,

 We should fix this issue for the Q1 2010 SP1. I will create an item in our PITS, where you could track the progress of the task.

Best wishes,
Miroslav Nedyalkov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Efi]

More than 10 years later… the issue persists. Despite being promised a fix in Q1 2010, we still encounter the same problem. Can we expect a resolution soon?

[Stenly]

Hello Efi,

The FlowDirection property is not yet fully supported by the RadDocking control as mentioned in the Not Supported Properties article, and behaviors such as the one discussed in this thread could occur. 

With this in mind, we have a feature request in our feedback portal, which can be found at the following link, where it can be voted for, as well as followed, in order to get notified via e-mail when its status gets changed:

Docking: Improve DragDrog in scenarios with FlowDirection="RightToLeft" (telerik.com)

With this being said, I am afraid that I cannot provide a set time frame, in which the FlowDirection property's support will be improved. What I can suggest would be to vote for the feature request, as well as follow it to receive an e-mail notification when its status is changed.

I hope the provided information will be of help to you.