RadScheduler Header

12 posts, 0 answers
  1. Carlo DiCelico
    Carlo DiCelico avatar
    15 posts
    Member since:
    Sep 2007

    Posted 23 Oct 2007 Link to this post

    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.
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 23 Oct 2007 Link to this post

    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
  3. pavan
    pavan avatar
    17 posts
    Member since:
    Aug 2010

    Posted 18 Aug 2011 Link to this post

    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?
  4. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 19 Aug 2011 Link to this post

    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

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  5. AndyRutter
    AndyRutter avatar
    32 posts
    Member since:
    Mar 2009

    Posted 27 Jan 2012 Link to this post

    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
  6. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 30 Jan 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  7. AndyRutter
    AndyRutter avatar
    32 posts
    Member since:
    Mar 2009

    Posted 30 Jan 2012 Link to this post

    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
  8. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 31 Jan 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  9. AndyRutter
    AndyRutter avatar
    32 posts
    Member since:
    Mar 2009

    Posted 31 Jan 2012 Link to this post

    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
  10. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 01 Feb 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  11. AndyRutter
    AndyRutter avatar
    32 posts
    Member since:
    Mar 2009

    Posted 01 Feb 2012 Link to this post

    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
  12. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 01 Feb 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top