RadScheduler Header

[Carlo DiCelico]

Is it possible to add a link to the header of the scheduler (where it has the "today" link, date, and "Day", "Week", & "Month" buttons)?

If so, how?

Thanks.

[Peter]

Hi Carlo,

Technically speaking, it is possible with java script. You need to find the div of the Header and insert the hyperlink. Here is a simple example:

<div id="test1" style="width:200px; height:100px; background:red">
    </div>
    <script type="text/javascript">
    var div = document.getElementById("test1");
    div.innerHTML = "<a href='http://www.telerik.com'>telerik</a>";
    </script>

However, this approach poses many difficulties such as finding the RadScheduler div on the client and then styling and positioning the inserted html elements. Not a neat business.

A simpler approach would be to hide the header and create your own customized one. You can hide the header with the ShowHeader property:

<telerik:RadScheduler ID="RadScheduler1" ShowHeader="false" ...>

Feel free to contact us if you have any questions or concerns.





Kind regards,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[pavan]

Hello,

I am trying to customise radscheduler .I want the radscheduler header->Title  to be a hyperlink.
When I click on the hyperlink it should bind the scheduler and also should display the scheduler with current month selected if its in month view,current day if it is day view and current week if it is week view.
I have disabled the datepicker in the scheduler and i just have the navigation arrows.
How can i be able to achieve this?

[Peter]

Hi Pavan,

You can add a link in the header using the approach from this forum post. Then, from a client event you can perform server-side action using AjasRequest as described in this help topic.

Greetings, Peter
the Telerik team

[AndyRutter]

Hi,
Do you have any examples of adding a customised header.
I would like to be able to separate my headers into groups
Something like
January
Mon 01 ~~ Tue 02
01:00 02:00 03:00 ~~ 01:00 02:00 03:00

At the minute I have
Mon Mon
01/02 01/02
01:00 02:00

Which leaves it looking quite busy and over complicated to read.

Regards

[Peter]

Hi Brian,

I assume you are using Timeline view. Timeline view allows you to display a variable number of slots and define the duration of those slots. You can also group time slots under the same column header using the TimeLabelSpan property.

All the best,
Peter
the Telerik team

[AndyRutter]

Hi,
Yes I am using timeline view but that is not the question I asked, the example I gave has three lines in the header.
I would like one that spans the whole of the month, one that spans the whole day, and the finanl one which is for each hour.
My spans are set to half hour slots, the TimeLabelSpan is set to two to show me hours.At the moment I have for example:
mon
02/03
01:00

So the day and date is repeated in every header cell, looks very busy. So I would like to seperate out the month and day into their own spans above the inbuilt one. The only way I think I could do this for now was,as the post mentioned, hide the header and create a new customised one.

Regards
Brian

[Peter]

Hi Brian,

This functionality is not supported out-of-the-box, but it can be achieved using multiple instances of RadScheduler.

Greetings,
Peter
the Telerik team

[AndyRutter]

Hi,
Yes I know it's not supported our of the box, is why I was asking about hiding the header and replacing it with a custom one as mentioned in the previous post.
Is this not a possibility then? How would you replace it with a custom one?
Regards
Brian

[Peter]

Hi Brian,

Yes, you can hide the header with ShowHeader="false". Another use of multiple-instances is demonstrated with this code library entry, which might provide you with more ideas.

Greetings,
Peter
the Telerik team

[AndyRutter]

Sorry you are missing my point, a reply earlier in this post quoted:
A simpler approach would be to hide the header and create your own customized one. You can hide the header with the ShowHeader property: 
I know about the hide header part, I want to know how to create my own customised one as it says that this is a SIMPLE approach but I cannot find it documented anywhere..
Regards

[Peter]

Hello,

By creating a custom header, I mean creting it with html and css. You can navigate or switch views by setting the SelectedDate and SelectedView properties dynamically, for example in a button click event handler.

All the best,
Peter
the Telerik team