NavigationPane

[rgf21]

Is possible to customize the NavigationPane? How? Thanks

[Peter]

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

[Felipe Saldana]

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).

[Peter]

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.

[Felipe Saldana]

Thank you Peter. This is exactly what I needed.


Felipe

[Dustin]

I want to add some custom text to the navigation pane. How is this possible?

[Peter]

Hi Dustin,

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


Greetings,
Peter
the Telerik team

[Dustin]

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>');

[Ralf Markus]

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!

[John]

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.

[Peter]

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

[The Doctor]

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