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

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

1 Answer 22 Views
Docking
This is a migrated thread and some comments may be shown as answers.
Andy
Top achievements
Rank 1
Andy asked on 20 Dec 2017, 11:22 AM

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: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>

1 Answer, 1 is accepted

Sort by
0
Dinko
Telerik team
answered on 22 Dec 2017, 12:02 PM
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
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
Andy
Top achievements
Rank 1
Answers by
Dinko
Telerik team
Share this question
or