This is a migrated thread and some comments may be shown as answers.

Show Quick Nav by default

6 Answers 73 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Kieran Southern
Top achievements
Rank 1
Kieran Southern asked on 20 Nov 2008, 01:17 PM
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

6 Answers, 1 is accepted

Sort by
0
Missing User
answered on 20 Nov 2008, 01:33 PM
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.
0
Kieran Southern
Top achievements
Rank 1
answered on 20 Nov 2008, 02:46 PM
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
0
Kieran Southern
Top achievements
Rank 1
answered on 24 Nov 2008, 02:01 PM
Hi,

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

Many Thanks
0
plamen
Top achievements
Rank 1
answered on 24 Nov 2008, 04:06 PM

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 />
0
Kieran Southern
Top achievements
Rank 1
answered on 24 Nov 2008, 04:38 PM
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
0
Missing User
answered on 25 Nov 2008, 09:31 AM
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.
Tags
Calendar
Asked by
Kieran Southern
Top achievements
Rank 1
Answers by
Missing User
Kieran Southern
Top achievements
Rank 1
plamen
Top achievements
Rank 1
Share this question
or