Keep a UI element in front of a RadPane when it is in a Flyout state

[Andy]

Hi, is it possible to keep a UI element in front of a RadPane when it is in a Flyout state?
I have used the xaml-sdkbrowser to create an example showing the problem.
After initial load the text is in front of the RadPane. But if you collapse all panes down and then hover over one to make it FlyOut the pane is in front of the text. I have tried using the Canvas.ZIndex property but this seems to make no difference.

 

<UserControl x:Class="PaneGroupItemsSource.Example"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
    xmlns:local="clr-namespace:PaneGroupItemsSource"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
        </Grid.RowDefinitions>

        <StackPanel Orientation="Horizontal">
            <Button Content="Reset Panes" Click="ButtonReset_Click" Margin="5"/>
            <Button Content="Add" Click="ButtonAdd_Click" Margin="5"/>
            <Button Content="Insert" Click="ButtonInsert_Click" Margin="5"/>
            <Button Content="Delete First" Click="ButtonDelFirst_Click" Margin="5"/>
            <Button Content="Delete Last" Click="ButtonDelLast_Click" Margin="5"/>
        </StackPanel>

        <telerik:RadDocking Grid.Row="1" x:Name="dock" Canvas.ZIndex="1">
            <telerik:RadSplitContainer Canvas.ZIndex="1">
                <telerik:RadPaneGroup x:Name="PaneGroup" Canvas.ZIndex="1"
                                      local:PaneGroupExtensions.ItemsSource="{Binding}"/>
            </telerik:RadSplitContainer>
        </telerik:RadDocking>

        <StackPanel Margin="100,100,100,100" Grid.Row="1" Canvas.ZIndex="999999">
            <TextBlock>Put This Text Infront</TextBlock></StackPanel>
    </Grid>
</UserControl>

[Dinko | Tech Support Engineer]

Hi Andy,

This ticket seems to be a duplicate of one of your previous threads. I have already answered your questions in the other thread. I copied the answer also here:

This behavior is expected because when the RadPane is minimized and you hover it Popup will appear. This popup is always on top of the application and you can't change its ZIndex. If it is applicable to your main application you can consider changing the position of the TextBlock.

Regards,
Dinko
Progress Telerik