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

Weird behaviour of RadDocking on multiple screen

4 Answers 119 Views
Docking
This is a migrated thread and some comments may be shown as answers.
Sherry
Top achievements
Rank 1
Sherry asked on 13 Dec 2016, 12:39 PM

Hi,

I created a video to show the problem http://www.youtube.com/watch?v=8DDX5OiYRyM

Left side is a one screen and the right side is another screen, when I click on Button tasks it should open the docking pane inside my main window but it opens outside the main window, this happens only when the window is maximized fully and it does not happen when I resize the window to be not maximized.

A bit weird but could I get some help?

 

Thanks

4 Answers, 1 is accepted

Sort by
0
Sherry
Top achievements
Rank 1
answered on 13 Dec 2016, 01:28 PM

Ok its happening because of my styling changes

 

<ControlTemplate x:Key="AutoHideAreaLeftTemplate2"
                         TargetType="telerik:AutoHideArea">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <ItemsPresenter Width="0" x:Name="ItemsPresenterElement" />
                <Popup x:Name="ContentPopup"
                       Grid.Column="1"
                       IsOpen="False"
                       Placement="Right"
                       AllowsTransparency="True">
                    <Grid>
                        <Grid x:Name="PopupChild"
                              MinWidth="50"
                              MinHeight="50">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <ContentControl x:Name="ContentBackground"
                                            Grid.Column="0"
                                            Margin="0 1"
                                            BorderBrush="{TemplateBinding BorderBrush}"
                                            BorderThickness="{TemplateBinding BorderThickness}"
                                            Background="{TemplateBinding Background}"
                                            Template="{StaticResource PopupContentTemplate}"
                                            Foreground="{TemplateBinding Foreground}">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="*" />
                                    </Grid.RowDefinitions>
                                    <telerik:PaneHeader x:Name="HeaderElement"
                                                        Visibility="{Binding SelectedPane.PaneHeaderVisibility, RelativeSource={RelativeSource TemplatedParent}}"
                                                        Grid.Row="0"
                                                        SelectedPane="{TemplateBinding SelectedPane}" />
                                    <ContentPresenter x:Name="ContentElement"
                                                      Grid.Row="1"
                                                      ContentTemplate="{TemplateBinding SelectedContentTemplate}" />
                                </Grid>
                            </ContentControl>
                            <telerik:RadGridResizer x:Name="Resizer"
                                                    Grid.Column="1"
                                                    Width="4"
                                                    Background="#01010101"
                                                    Placement="Right"
                                                    HorizontalAlignment="Right"
                                                    VerticalAlignment="Stretch"
                                                    Cursor="SizeWE" />
                        </Grid>
                    </Grid>
                </Popup>
            </Grid>
        </ControlTemplate>
        <Style TargetType="telerik:AutoHideArea"
               BasedOn="{StaticResource AutoHideAreaStyle}">
            <Setter Property="LeftTemplate"
                    Value="{StaticResource AutoHideAreaLeftTemplate2}" />
        </Style>

 

Notice the line <ItemsPresenter Width="0" x:Name="ItemsPresenterElement" /> I have given Width as 0 and this causes this problem. This was done so that AutoHideArea is hidden, but now it breaks something else.

 

Could some suggest what can be done?

 

Thanks

0
Nasko
Telerik team
answered on 14 Dec 2016, 12:47 PM
Hello Sherry,

We have noticed that have created a new post about the same issue found on the following link - please, check my answer there:
http://www.telerik.com/forums/bug-found-in-raddocking-need-some-help

We suggest you to create only one post for a specific question. We do not guarantee any response time for the forum posts and opening sever forum threads for one issue will make it harder for us to answer it.

If you have any additional questions let us know.

Regards,
Nasko
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Sherry
Top achievements
Rank 1
answered on 14 Dec 2016, 12:57 PM

Hello,

Thanks. Sorry I did create two threads to get some urgent attention from someone.

I replied to the original ticket . I will paste it here also:

"Hello Atanas Popatanasov,

But I have an example project doing the same thing, but there it works correctly but it fails in our Application. So is it still about that you mentioned?

Sherry"

0
Nasko
Telerik team
answered on 15 Dec 2016, 08:52 AM
Hi Sherry,

The described in the item behavior could easily be observed by any RadDocking - please, check the attached video that demonstrates that behavior using our demos.

If you are able to reproduce it only in your sample project than it seems to be related with some logic implemented in it and we could not tell for sure what might be causing it for your specific scenario.

Hope the information will be helpful for you.

Regards,
Nasko
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Docking
Asked by
Sherry
Top achievements
Rank 1
Answers by
Sherry
Top achievements
Rank 1
Nasko
Telerik team
Share this question
or