[Solved] RadCalenar in RadTreeViewContextMenu display problem

[eakins05]

Hmm, not sure whether this should go in the RadTreeView forum, RadMenu forum, or RadCalendar forum, but oh well, it's going here :)

I have a RadTreeView with a context menu, in which one item has a popout item that contains a RadCalendar.  This all shows up just fine, but when I go to use the FastNavigation for the calendar, it shows up behind the context menu.  I tried to put a very large z-index on the FastNavigation style, but that didn't work.  Some simple demo code is below.  Any suggestions?

        <telerik:RadTreeView ID="RadTreeView1" runat="server">
            <Nodes>
                <telerik:RadTreeNode Text="My Node" />
            </Nodes>
            <ContextMenus>
                <telerik:RadTreeViewContextMenu>
                    <Items>
                        <telerik:RadMenuItem Text="Show Calendar">
                            <Items>
                                <telerik:RadMenuItem>
                                    <ItemTemplate>
                                        <telerik:RadCalendar ID="RadCalendar1" runat="server" Font-Names="Arial, Verdana, Tahoma"
                                            ForeColor="Black" Style="border-color: #ececec"><fas
                                        </telerik:RadCalendar>
                                    </ItemTemplate>
                                </telerik:RadMenuItem>
                            </Items>
                        </telerik:RadMenuItem>
                    </Items>
                </telerik:RadTreeViewContextMenu>
            </ContextMenus>
        </telerik:RadTreeView>

Thanks,
Jared

[Shinu]

Hi Jared,

Try setting lower z-index value for RadTreeViewContextMenu than RadCalendar fastnavigation popup as shown below.

ASPX:

<telerik:RadTreeView ID="RadTreeView1" runat="server" >
    <Nodes>
        <telerik:RadTreeNode Text="My Node" />
    </Nodes>
    <ContextMenus  >
        <telerik:RadTreeViewContextMenu style="z-index:1000;">
            <Items>
                <telerik:RadMenuItem Text="Show Calendar">
                    <Items>
                        <telerik:RadMenuItem>
                            <ItemTemplate>
                                <telerik:RadCalendar ID="RadCalendar1" runat="server" Font-Names="Arial, Verdana, Tahoma"
                                    ForeColor="Black">
                                </telerik:RadCalendar>
                            </ItemTemplate>
                        </telerik:RadMenuItem>
                    </Items>
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadTreeViewContextMenu>
    </ContextMenus>

CSS:

<style type="text/css">
.RadCalendarMonthView_Default
{
      z-index:5000 !important;
}
</style>

Hope this will help,
Shinu.