This is a migrated thread and some comments may be shown as answers.

Unpinned ToolBox window slides outside of application rather than inside.

3 Answers 58 Views

Docking

This is a migrated thread and some comments may be shown as answers.

Kyle asked on 21 Apr 2015, 02:32 PM

example.png

We have an issue that is currently only affecting one person. Another developer and myself do not experience this so it is a bit odd.

Our UI consist of a ToolBox that slides into the app when clicked. Similar to how Visual Studio works. The problem is it is sliding outside of the app rather than inside the app. Again (so far) this is only happening for one person. The app has not been released yet so we are worried that users will have issues upon go live.

A few things to note...

The affected person has dual monitors.
We have tried turning all monitors off except for one and it still occurs.
I was able to reproduce the issue on my computer but only if the Toolbox was placed in between monitors. Once the ToolBox was only on one monitor, I no longer experienced the issue.

Any help or ideas are greatly appreciated. XAML and screenshot attached.

<UserControl x:Class="MyApp.VolutionViewControl"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:myapp="clr-namespace:myapp"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

mc:Ignorable="d">

<telerik:RadBusyIndicator IsBusy="{Binding VolutionLoading}">

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="*"/>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<Grid>

<telerik:RadDocking BorderThickness="0" Padding="0">

<telerik:RadDocking.DocumentHost>

<telerik:RadSplitContainer>

<telerik:RadPaneGroup x:Name="DocPaneGroup"/>

</telerik:RadSplitContainer>

</telerik:RadDocking.DocumentHost>

<telerik:RadSplitContainer Orientation="Vertical" InitialPosition="DockedLeft" Width="150">

<telerik:RadPaneGroup telerik:ProportionalStackPanel.RelativeSize="200, 300">

<telerik:RadPane Header="Toolbox" IsPinned="False" CanUserClose="False">

<myapp:ToolboxControl DataContext="{Binding ToolboxViewModel}" />

</telerik:RadPane>

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

<telerik:RadSplitContainer Orientation="Vertical" InitialPosition="DockedLeft">

<telerik:RadPaneGroup telerik:ProportionalStackPanel.RelativeSize="200, 300">

<telerik:RadPane Header="Data Source Views" CanUserClose="False">

<telerik:RadListBox

Margin="15 15 15 15"

DisplayMemberPath="Name"

ItemsSource="{Binding Volution.DataSetViews}"

SelectedItem="{Binding SelectedDataSetView, Mode=TwoWay}"

/>

</telerik:RadPane>

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

<telerik:RadSplitContainer Orientation="Horizontal" InitialPosition="DockedBottom">

<telerik:RadPaneGroup telerik:ProportionalStackPanel.RelativeSize="100, 200">

<telerik:RadPane Header="Aggregates" CanUserClose="False">

<TextBlock Text="Aggregate List" />

</telerik:RadPane>

<telerik:RadPane Header="Summary" CanUserClose="False">

<TextBlock Text="Summary" />

</telerik:RadPane>

<telerik:RadPane Header="Details" CanUserClose="False">

<myapp:SummaryDetailsControl DataContext="{Binding GridDetailsViewModel}" Height="Auto" />

</telerik:RadPane>

<telerik:RadPane Header="Messages" CanUserClose="False">

<ListBox ItemsSource="{Binding Messages}"/>

</telerik:RadPane>

</telerik:RadPaneGroup>

<telerik:RadPaneGroup telerik:ProportionalStackPanel.RelativeSize="300, 200">

<telerik:RadPane Header="Symbol Chart" CanUserClose="False">

<myapp:ChartViewControl DataContext="{Binding GridChartViewModel}" />

</telerik:RadPane>

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

</telerik:RadDocking>

</Grid>

<Grid Grid.Row="1" Background="White" Margin="5">

<StackPanel Orientation="Horizontal">

<TextBlock Text="{Binding Path=UpdateTime, StringFormat=Last Update Time: {0}}"/>

<TextBlock Text=" "/>

<TextBlock Text="{Binding Path=Duration, StringFormat=Duration: {0}s}"/>

</StackPanel>

</Grid>

</telerik:RadBusyIndicator>

</UserControl>

3 Answers, 1 is accepted

answered on 24 Apr 2015, 08:49 AM

Hello Kyle,

The observed by you appearance of the Unpinned RadPane is an expected one. For your concrete scenario when you place RadDocking between two monitors if there is not enough space in the first monitor for the PopUp in which the Unpinned Pane is placed to be visualized the PopUp gets re-positioned. You could easily observed the exact some behavior with other controls that are placed inside PopUps like ContextMenu - the PopUp positioned in the side where it could be visualized completely.

Hope this information will help you.

Regards,
Nasko
Telerik

See What's Next in App Development. Register for TelerikNEXT.