Customize Hour Column and date format header

[Satyendra Tripathi]

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 

[Peter]

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.

[Satyendra Tripathi]

Thanks for help.

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

Regards,
Ratnesh

[Peter]

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.

[Satyendra Tripathi]

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

[Peter]

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.

[Rachana]

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.

[Hristo Valyavicharski]

Hi Rachana,

Use  MonthView-ColumnHeaderDateFormat="MMM-M"

Custom Date and Time Format Strings


Regards,
Hristo Valyavicharski
Telerik

 

 

[Mark]

Is this change available in latest version or is it still in to-do list. ?

[Hristo Valyavicharski]

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