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

2 posts, 0 answers
  1. Andy
    Andy avatar
    16 posts
    Member since:
    Aug 2012

    Posted 20 Dec 2017 Link to this post

    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"
        d:DesignHeight="300" d:DesignWidth="400">
        <Grid x:Name="LayoutRoot" Background="White">
                <RowDefinition Height="Auto" />
                <RowDefinition />
            <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"/>
            <telerik:RadDocking Grid.Row="1" x:Name="dock" Canvas.ZIndex="1">
                <telerik:RadSplitContainer Canvas.ZIndex="1">
                    <telerik:RadPaneGroup x:Name="PaneGroup" Canvas.ZIndex="1"
            <StackPanel Margin="100,100,100,100" Grid.Row="1" Canvas.ZIndex="999999">
                <TextBlock>Put This Text Infront</TextBlock></StackPanel>
  2. Dinko
    Dinko avatar
    1105 posts

    Posted 22 Dec 2017 Link to this post

    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.

    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.
Back to Top