Select of Docking panel

[irfan]

Please find the attached file.

In the attachment, there are 2 cases:
1 Left
While opening any item from the left tab it opens the Item in Tab region i.e Center region. And set the Tab as active.
In which the Background of the Tab Title changes to Blue. and when we select the bottom region tab, the title of the bottom region get blue.
2 Right
But in the Right Image
When we select the left Item, it set the background of all the tabs to Black.
But according to the normal behavior it should retain the state. Ie.. the last selected tab background should be blue in color.

Please provide solution

Regards,
Irfan Shaikh

[Konstantina]

Hello Irfan,

Could you please give us some more details about your case, so that we can reproduce the issue in a sample project. Ideally, if you could send us your project stripped, so that we can run it here locally and debug it, it will be really helpful for tracking down the issue in a timely manner.

Greetings,
Konstantina
the Telerik team

[irfan]

Thanks for your reply.

Please download the source from the given link.
http://muffadal.com/muffadal1/RadDockingTestHarness.zip

This will give you the complete picture.

[Konstantina]

Hi Irfan,

I have reviewed your application.

The Docking control selects, or activates the pane in which the focus is at the moment, this includes the panes in the auto hide area, that is why when you click inside the left panes, the right ones become black. That is why, I would suggest you in order to achieve your goal, to put 2 docking control - one on the left and one on the right. Also, you could bind the Background trigger in the HeaderWithCloseButton to the IsActive property of the RadPane instead of the KeyboardFocus, because it will be more precise since the KeyboardFocus is also controlled from the framework:

<DataTemplate x:Key="HeaderWithCloseButton">
        <Grid ToolTip="{Binding LockToolTip}" Name="grdHeader">
            <Grid.Style>
                <Style TargetType="{x:Type Grid}">
                    <Setter Property="Margin" Value="-5"/>
                    <Setter Property="Background" Value="Black"/>
                    <Style.Triggers>
                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Controls:RadPane}}, Path=IsActive}" Value="True">
                            <Setter Property="Background" Value="{StaticResource Pane_DocumentHostTab_Background_Selected}"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Controls:RadPane}}, Path=IsActive}" Value="False">
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Grid.Style>

Hope this helps.

Regards,
Konstantina
the Telerik team