Unpinned ToolBox window slides outside of application rather than inside.

4 posts, 0 answers
  1. Kyle
    Kyle avatar
    11 posts
    Member since:
    Dec 2013

    Posted 21 Apr 2015 Link to this post

    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:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 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>
            </Grid>
        </telerik:RadBusyIndicator>
    </UserControl>

  2. Nasko
    Admin
    Nasko avatar
    587 posts

    Posted 24 Apr 2015 Link to this post

    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.

     
  3. UI for WPF is Visual Studio 2017 Ready
  4. Kyle
    Kyle avatar
    11 posts
    Member since:
    Dec 2013

    Posted 24 Apr 2015 in reply to Nasko Link to this post

    I think you missed my point.  The same thing happens for this user even when only using one monitor and the app is in the center of the screen.
  5. Nasko
    Admin
    Nasko avatar
    587 posts

    Posted 27 Apr 2015 Link to this post

    Hello Kyle,

    We tried to reproduce the observed behavior of RadDocking only on one monitor, but everything seems to work as expected on our side. Could you please provide us some steps that might help us to reproduce it? Thus we could be able to continue our investigation and provide you a prompt solution if possible.

    We're looking forward to hearing from you.

    Regards,
    Nasko
    Telerik
     

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

     
Back to Top