Customize Hour Column and date format header

10 posts, 0 answers
  1. Satyendra Tripathi
    Satyendra Tripathi avatar
    5 posts
    Member since:
    Mar 2010

    Posted 25 Mar 2010 Link to this post

    Hi,

    I have some questions regarding the customizations for Rad Scheduler:
        1. How can I show AM/PM (basically group on AM/PM) instead of showing hours separately?
        2. How can I customize the date header?
        3. How to disable single and double click on a row? I want to open a pop-up on the appointment pop-up?

    I have attached the image to make my questions more clear.

    Regards,
    Ratnesh 
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 29 Mar 2010 Link to this post

    Hello Satyendra,

    Please, try the following RadScheduler configuration:

    aspx:
    <telerik:RadScheduler ShowAllDayRow="false" runat="server" ID="RadScheduler1" SelectedView="WeekView"
          FirstDayOfWeek="Monday" LastDayOfWeek="Friday" OverflowBehavior="Expand" ShowFullTime="true"
          HoursPanelTimeFormat="tt" OnTimeSlotCreated="RadScheduler1_TimeSlotCreated1">
          <WeekView HeaderDateFormat="dddd d, MMM " ColumnHeaderDateFormat="dddd, MMMM d" />
      </telerik:RadScheduler>

    code-behind:
    protected void RadScheduler1_TimeSlotCreated1(object sender, TimeSlotCreatedEventArgs e)
       {
           RadScheduler scheduler1 = (RadScheduler)sender;
           if (scheduler1.SelectedView == SchedulerViewType.WeekView)
           {
               if (e.TimeSlot.Start.TimeOfDay.Hours < 12)
                   e.TimeSlot.CssClass = "AMstyle";
               else
                   e.TimeSlot.CssClass = "PMstyle";
           }
       }

    css:
    <style type="text/css">
         .AMstyle
         {
             background: #ccff00 !important;
         }
         .PMstyle
         {
             background: #ccaa00 !important;
         }
     </style>

    Let me know if you need any other adjustments for your requirements.


    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Satyendra Tripathi
    Satyendra Tripathi avatar
    5 posts
    Member since:
    Mar 2010

    Posted 08 Apr 2010 Link to this post

    Thanks for help.

    Can we remove all day row and customize the date header as per image in initial post?

    Regards,
    Ratnesh
  5. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 13 Apr 2010 Link to this post

    Hi Satyendra,

    Please, set ShowAllDayRow="false" for RadScheduler to remove the all day row.

    As for the date header format, I am not sure what exactly you need to acheive. In my previous reply, I suggested you try:

        <WeekView HeaderDateFormat="dddd d, MMM " ColumnHeaderDateFormat="dddd, MMMM d" />

    Doesn't this bring about the desired result?

    Best wishes,
    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.
  6. Satyendra Tripathi
    Satyendra Tripathi avatar
    5 posts
    Member since:
    Mar 2010

    Posted 19 Apr 2010 Link to this post

    Hi,

    The issue I am facing is not with the Date format but with the look and feel template we want to implement.
    If you look, we want a read-only text box in between the backward and forward navigation buttons.

    Do you support templates in header in the latest version?

    Regards,
    Ratnesh
  7. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 19 Apr 2010 Link to this post

    Hi Satyendra,

    Thanks for clarifying. Currently, we do not support header templates, but it is in our to-do list for the future.


    Cheers,
    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. Rachana
    Rachana avatar
    1 posts
    Member since:
    May 2013

    Posted 03 Feb 2015 in reply to Peter Link to this post

    Hi ,

    I am facing an issue with radTimeslotsScheduler.MonthView.ColumnHeaderDateFormat = ddd-dd (trying to display e.g. Feb-03
    also tried dddd,dd format didn't work.
    Please guide.
  9. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 05 Feb 2015 Link to this post

    Hi Rachana,

    Use  MonthView-ColumnHeaderDateFormat="MMM-M"

    Custom Date and Time Format Strings


    Regards,
    Hristo Valyavicharski
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  10. Mark
    Mark avatar
    1 posts
    Member since:
    Apr 2012

    Posted 26 Feb in reply to Peter Link to this post

    Is this change available in latest version or is it still in to-do list. ?
  11. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 29 Feb Link to this post

    Hi Mark,

    This property is available in the latest version. It uses standard aspnet date format string.
    https://msdn.microsoft.com/en-us/library/8kb3ddd4(v=vs.110).aspx

    Regards,
    Hristo Valyavicharski
    Telerik
    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 Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017