NavigationPane

12 posts, 1 answers
  1. rgf21
    rgf21 avatar
    100 posts
    Member since:
    May 2007

    Posted 14 Feb 2008 Link to this post

    Is possible to customize the NavigationPane? How? Thanks
  2. Answer
    Peter
    Admin
    Peter avatar
    6637 posts

    Posted 14 Feb 2008 Link to this post

    Hi Ricardo,

    We will implement a NavigationTemplate for Q1 2008 in April, which will allow you to customize the navigation pane. Meanwhile you can hide the navigation pane by setting ShowNavigationPane="false" and use your custom controls to set the SelectedView property of RadScheduler from code behind.


    Kind regards,
    Peter
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. Felipe Saldana
    Felipe Saldana avatar
    62 posts
    Member since:
    Jan 2009

    Posted 19 Feb 2010 Link to this post

    Did a NavigationTemplate ever get implemented?

    If not, how do I customize the Navigation Panel?

    For my specific case, I have a scheduler in the Month View and only want display the left and right arrows (Not the "today" link).
  4. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 23 Feb 2010 Link to this post

    Hi Felipe,

    It turned out that there wasn't much demand for NavigationTemplate so we haven't implemented it. Your specific requirement can be accomplished with css:
    .rsToday, .rsDatePickerActivator
        {
            visibility:hidden !important;
        }


    All the best,
    Peter
    the Telerik team

    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 Public Issue Tracking system and vote to affect the priority of the items.
  5. Felipe Saldana
    Felipe Saldana avatar
    62 posts
    Member since:
    Jan 2009

    Posted 23 Feb 2010 Link to this post

    Thank you Peter. This is exactly what I needed.


    Felipe
  6. Dustin
    Dustin avatar
    5 posts
    Member since:
    Aug 2010

    Posted 10 Sep 2010 Link to this post

    I want to add some custom text to the navigation pane. How is this possible?
  7. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 15 Sep 2010 Link to this post

    Hi Dustin,

    Currently, RadScheduler does not support DateHeader templates. Please, excuse us for this limitation of the control.


    Greetings,
    Peter
    the Telerik team
    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 Public Issue Tracking system and vote to affect the priority of the items
  8. Dustin
    Dustin avatar
    5 posts
    Member since:
    Aug 2010

    Posted 15 Sep 2010 Link to this post

    This is what i used to insert text into the navigation pane. I ended up using jQuery to select the navigation pane by its classes

    $('.RadScheduler .rsHeader p').before('<p><label class="LabelDarkGrayMedium">My Programs</label></p>');
  9. Ralf Markus
    Ralf Markus avatar
    8 posts
    Member since:
    Mar 2009

    Posted 04 Oct 2010 Link to this post

    Hi,

    Is it possible to make only a month selection available in the date picker?
    I have a Scheduler where only MonthView is allowed so it makes no sense for me to allow specific dates in the calendar picker.

    Thanks for your help!
  10. John
    John avatar
    1 posts
    Member since:
    Oct 2010

    Posted 06 Oct 2010 Link to this post

    Hi! I would also need the exact functionality as Mr. Ralf needs. I only have Month navigation, so when i click the little arrow, a month picker will popup. More exactly when i click the date picker a calendar appears. If i click on the Month in the calendar control, another popup pops with a month selector. How can i make that one the default and not the calendar? Thanks in advance,

    John.
  11. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 07 Oct 2010 Link to this post

    Hi guys,

    Here is one possible solution to this requirement:

    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
           <script type="text/javascript">
               function pageLoad() {
                   var scheduler = $find('<%=RadScheduler1.ClientID %>');              
                   var calendar = $find(scheduler.get_id() + "_SelectedDateCalendar");
                   var fastNavigation = calendar._getFastNavigation();
                   $telerik.$(".rsDatePickerActivator").get(0).href = "javascript:void(0);";
                   $addHandler($telerik.$(".rsDatePickerActivator").get(0), "click", function () {
                       $telerik.$(calendar.get_element()).hide();
                       //adjust where to show the popup table                    
                       var x, y;
                       var adjustElement = $telerik.$(".rsDatePickerActivator");
                       var offset = adjustElement.offset();
                       x = offset.left + 12;
                       y = offset.top + 12;
                       var e = {
                           clientX: x,
                           clientY: y - document.documentElement.scrollTop
                       };                   
                         
                       $get(calendar._titleID).onclick(e);
                       return false;
                   });
               fastNavigation.OnOK =
               function () {
                   
                   var date = new Date(fastNavigation.Year, fastNavigation.Month, 1);
                     
                   //With Web Service binding mode you can use this method:
                   //scheduler.set_selectedDate(date);   
                                  
                   //With Server side binding, we need to use RadAjaxManager:
                   $find("<%=RadAjaxManager1.ClientID %>").ajaxRequest(date.format('yyyy/MM/dd'));
                   fastNavigation.Popup.Hide();
               }
               fastNavigation.OnToday =
               function () {
                   var date = new Date();
                   //With Web Service binding mode you can use this method:
                   //scheduler.set_selectedDate(date);   
                                  
                   //With Server side binding, we need to use RadAjaxManager:
                   $find("<%=RadAjaxManager1.ClientID %>").ajaxRequest(date.format('yyyy/MM/dd'));
                   fastNavigation.Popup.Hide();
               }
           }     
           </script>
       </telerik:RadCodeBlock>
       <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
           <AjaxSettings>
               <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                   <UpdatedControls>
                       <telerik:AjaxUpdatedControl ControlID="RadScheduler1" UpdatePanelHeight="" />
                   </UpdatedControls>
               </telerik:AjaxSetting>
               <telerik:AjaxSetting AjaxControlID="RadScheduler1">
                   <UpdatedControls>
                       <telerik:AjaxUpdatedControl ControlID="RadScheduler1" UpdatePanelHeight="" />
                   </UpdatedControls>
               </telerik:AjaxSetting>
           </AjaxSettings>
       </telerik:RadAjaxManager>
       <telerik:RadScheduler ID="RadScheduler1" runat="server">
       </telerik:RadScheduler>

    protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
       {
           RadScheduler1.SelectedDate = DateTime.Parse(e.Argument);
       }

    I hope you enjoy it.

    Kind regards,
    Peter
    the Telerik team
    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 Public Issue Tracking system and vote to affect the priority of the items
  12. The Doctor
    The Doctor avatar
    2 posts
    Member since:
    Sep 2006

    Posted 17 Jan 2012 Link to this post

    Since it doesn't seem to have any effect, I wanted to hide the "Today" link and calendar pop-up only when in Month View. After trying quite a few things that didn't work, I came upon this simple client-side solution:

    function pageLoad() {
        // hide date navigator since it doesn't do anything in Month View
        var scheduler = $find('<%=RadScheduler1.ClientID %>');
        if (scheduler.get_selectedView() == Telerik.Web.UI.SchedulerViewType.MonthView) {
            $telerik.$(".rsToday").hide();
            $telerik.$(".rsDatePickerActivator").hide();
        }
    }

    John Greenstreet
    Automotive Resources International
Back to Top