RadMenu with DatePicker: Calendar shows below menu

2 posts, 0 answers
  1. Craig
    Craig avatar
    2 posts
    Member since:
    May 2008

    Posted 20 May 2008 Link to this post

    We are using a Red Menu with a datepicker on it.  The datepicker shows up behind the menu.  I tried setting the zindex  of the calendar on the datepicker, but this did not help.    For testing purposes, I used a CalendarExtendar from the AjaxControlToolkit and it worked fine.  Any help is appreciated.

    1 <telerik:RadMenu ID="RadMenu1" runat="server" Skin="Web20" Flow="Horizontal" EnableScreenBoundaryDetection="true" 
    2                             EnableOverlay="true" Width="300px"
    3                             <Items> 
    4                                 <telerik:RadMenuItem Text="Apr 15, 2008 - May 15,2008" GroupSettings-Flow="Horizontal" 
    5                                     Width="100%"
    6                                     <Items> 
    7                                         <telerik:RadMenuItem> 
    8                                             <ItemTemplate> 
    9                                                 <table style="height: 400px;"
    10                                                     <tr> 
    11                                                         <td> 
    12                                                             <telerik:RadDatePicker ID="rdpBeginDate" runat="server" Skin="Mac" Calendar-Orientation="RenderInColumns" 
    13                                                                 Calendar-CellVAlign="top"
    14                                                             </telerik:RadDatePicker> 
    15                                                         </td> 
    16                                                     </tr> 
    17                                                 </table> 
    18                                             </ItemTemplate> 
    19                                         </telerik:RadMenuItem> 
    20                                     </Items> 
    21                                 </telerik:RadMenuItem> 
    22                             </Items> 
    23                         </telerik:RadMenu> 

  2. Rosen
    Admin
    Rosen avatar
    3253 posts

    Posted 23 May 2008 Link to this post

    Hello Craig,

    Can you please reset the RadMenu's z-index to be lower than calendar's one? Similar to this:
     <telerik:RadMenu ID="RadMenu1" style="z-index:3500;"

    Let us know if further assistance is needed.

    Regards,
    Rosen
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top