Show Quick Nav by default

7 posts, 0 answers
  1. Kieran Southern
    Kieran Southern avatar
    116 posts
    Member since:
    Oct 2004

    Posted 20 Nov 2008 Link to this post

    Hi,

    I'm using the rad calendar for date of birth input and would like to show the quick nav year picker by default, when the calendar is expanded. Is there a way to do this?

    I'm assuming this is the best control for date of birth input or maybe one of your other controls is a better solution?

    Would appreciate your thoughts on this.

    Best Regards
  2. Plamen Peshev
    Admin
    Plamen Peshev avatar
    886 posts

    Posted 20 Nov 2008 Link to this post

    Hi Kieran,

    The following code example demonstrates how  to show the fast navigation popup by default:

    <%@ Page Language="C#"  %> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
     
    <html xmlns="http://www.w3.org/1999/xhtml"
    <head runat="server"
        <title></title
        <style type="text/css">    
        .RadCalendarFastNavPopup 
        { 
            z-index: 5003 !Important; 
        } 
        </style> 
    </head> 
    <body> 
        <form id="form1" runat="server"
        <asp:ScriptManager ID="ScriptManager1" runat="server"
        </asp:ScriptManager> 
        <div> 
            <script type="text/javascript"
                function PopupOpening(sender, args) { 
                    sender.get_calendar()._showMonthYearFastNav(); 
                } 
            </script> 
            <telerik:RadDatePicker ID="RadDatePicker1" runat="server"
                <ClientEvents OnPopupOpening="PopupOpening" /> 
            </telerik:RadDatePicker> 
        </div> 
        </form> 
    </body> 
    </html> 
     



    All the best,
    Plamen
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kieran Southern
    Kieran Southern avatar
    116 posts
    Member since:
    Oct 2004

    Posted 20 Nov 2008 Link to this post

    Hi,

    I get object doesn't support this property or method when I run this code.

    I'm on version 2.2.6.0 of the calendar.

    Best Regards
    Kieran
  5. Kieran Southern
    Kieran Southern avatar
    116 posts
    Member since:
    Oct 2004

    Posted 24 Nov 2008 Link to this post

    Hi,

    Can anyone confirm if this should work with version 2.2.6.0 of the calendar?

    Many Thanks
  6. John
    John avatar
    416 posts
    Member since:
    Oct 2006

    Posted 24 Nov 2008 Link to this post


    Hi

    You have to use sender.Calendar.ShowMonthYearFastNav(); instead of sender.get_calendar()._showMonthYearFastNav(); Here is an example:


        <div>  
            <script type="text/javascript">  
                function PopupOpening(sender, args) {  
                    sender.Calendar.ShowMonthYearFastNav();  
                }  
            </script>  
            <rad:RadDatePicker ID="RadDatePicker1" runat="server">  
                <ClientEvents OnPopupOpening="PopupOpening" />  
            </rad:RadDatePicker>  
        </div>  


    Regards...
    <John:Peel />
  7. Kieran Southern
    Kieran Southern avatar
    116 posts
    Member since:
    Oct 2004

    Posted 24 Nov 2008 Link to this post

    That's great, that works but the quicknav is actually behind the calendar, rather than in front of it. Is there something else I need to do?

    All the best
  8. Plamen Peshev
    Admin
    Plamen Peshev avatar
    886 posts

    Posted 25 Nov 2008 Link to this post

    Hi Kieran,


    Please find attached a sample web application that demonstrates the needed approach.

    All the best,
    Plamen
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017