This is a migrated thread and some comments may be shown as answers.
NavigationPane
11 Answers 156 Views
This is a migrated thread and some comments may be shown as answers.
rgf21
Top achievements
Rank 1
rgf21 asked on 14 Feb 2008, 04:17 PM
Is possible to customize the NavigationPane? How? Thanks

11 Answers, 1 is accepted

Sort by
0
Accepted
Peter
Telerik team
answered on 14 Feb 2008, 04:33 PM
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
0
Felipe Saldana
Top achievements
Rank 1
answered on 19 Feb 2010, 11:25 PM
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).
0
Peter
Telerik team
answered on 23 Feb 2010, 01:02 PM
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.
0
Felipe Saldana
Top achievements
Rank 1
answered on 23 Feb 2010, 06:03 PM
Thank you Peter. This is exactly what I needed.


Felipe
0
Dustin
Top achievements
Rank 1
answered on 10 Sep 2010, 02:32 PM
I want to add some custom text to the navigation pane. How is this possible?
0
Peter
Telerik team
answered on 15 Sep 2010, 01:27 PM
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
0
Dustin
Top achievements
Rank 1
answered on 15 Sep 2010, 03:18 PM
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>');
0
Ralf Markus
Top achievements
Rank 1
answered on 04 Oct 2010, 10:43 AM
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!
0
John
Top achievements
Rank 1
answered on 06 Oct 2010, 10:50 AM
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.
0
Peter
Telerik team
answered on 07 Oct 2010, 03:58 PM
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
0
The Doctor
Top achievements
Rank 1
answered on 17 Jan 2012, 11:27 PM
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
Asked by
rgf21
Top achievements
Rank 1
Answers by
Peter
Telerik team
Felipe Saldana
Top achievements
Rank 1
Dustin
Top achievements
Rank 1
Ralf Markus
Top achievements
Rank 1
John
Top achievements
Rank 1
The Doctor
Top achievements
Rank 1
Share this question
or