How can I show RadialMenu over TileViewItem

3 posts, 0 answers
  1. MinSu
    MinSu avatar
    4 posts
    Member since:
    Feb 2016

    Posted 17 Feb 2016 Link to this post


    I want to show RadialMenu over TileViewItem.

    TileViewItem hide RadialMenu.

    Here is example code.

    <Window x:Class="TileView.MainWindow"
                    Title="MainWindow" Height="350" Width="525">

            <Style TargetType="telerik:RadTileView">
                <Setter Property="PreservePositionWhenMaximized" Value="True" />
                <Setter Property="telerik:TileViewPanel.IsVirtualized" Value="True" />
                <Setter Property="IsAutoScrollingEnabled" Value="True" />
                <Setter Property="TileStateChangeTrigger" Value="SingleClick" />
                <Setter Property="MinimizedColumnWidth" Value="180" />
                <Setter Property="MinimizedRowHeight" Value="155" />
                <Setter Property="RowHeight" Value="250" />
                <Setter Property="ColumnWidth" Value="250" />
                <Setter Property="ColumnsCount" Value="3" />
            <Style TargetType="telerik:RadTileViewItem">
                <Setter Property="Background" Value="#eaeaea" />
            <DataTemplate x:Key="sizeTemplate">
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="Item" />
                    <TextBlock Text="{Binding}" />
            <DataTemplate x:Key="contentTemplate">
                    <telerik:RadRadialMenu Panel.ZIndex="99999">
                        <telerik:RadRadialMenuItem Header="Item 1" />
                        <telerik:RadRadialMenuItem Header="Item 2" />
                        <telerik:RadRadialMenuItem Header="Item 3" />
            <telerik:RadTileView  ItemsSource="{Binding}" ItemTemplate="{StaticResource sizeTemplate}"
                                  ContentTemplate="{StaticResource contentTemplate}"  />

    You can see capture file "Actual.png"

    I want to "Expect.png" screen.


  2. Yana
    Yana avatar
    4600 posts

    Posted 18 Feb 2016 Link to this post

    Hello Minsu,

    It is not possible for RadialMenu to go over the TileViewItem as it's placed inside its Template.

    You could either set smaller size to RadialMenu in order to fit inside the TileView item when expanded as shown in the following snippet:

            <Style TargetType="telerik:RadRadialMenu">
                <Setter Property="MinWidth" Value="190"/>
                <Setter Property="MinHeight" Value="190"/>
        <telerik:RadRadialMenuItem Header="Item 1" />
        <telerik:RadRadialMenuItem Header="Item 2" />
        <telerik:RadRadialMenuItem Header="Item 3" />

    or recreate the layout, so that the whole RadialMenu is placed inside a popup, for example. The popup could be open from a button placed inside the TileViewItem.

    Hope this will be helpful.

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. MinSu
    MinSu avatar
    4 posts
    Member since:
    Feb 2016

    Posted 18 Feb 2016 in reply to Yana Link to this post

    Thanks your help!

    I should use popup.

Back to Top