Day column display only first letter in radCalendar

[Salini]

Hi, 
Is it possible to display only first letter for the DayColumn in radCalendar.
By default it is displaying first 3 letters of the week name. I need to display only 1 letter. I found this below thread and it is possible in WinForms to change the format using dayNameFormat.
http://www.telerik.com/forums/day-column-display-change-in-radcalendar

How can I do the same for radCalender on Silverlight.

Thank you.
Salini.

[Nasko]

Hello Salini,

In order to achieve the desired appearance of the names of the days you need to change the AbbreviatedDayNames of the current DateTimeFormat as shown below:

this.radCalendar1.Culture = new System.Globalization.CultureInfo("en-US");
this.radCalendar1.Culture.DateTimeFormat = new System.Globalization.DateTimeFormatInfo
{
    AbbreviatedDayNames = new string[] { "S", "M", "T", "W", "T", "F", "S" }
};

Hopes this helps.

Regards,
Nasko
Telerik

 

 

[Salini]

Thank you Nasko.

[Roger]

How about changing Day buttons from single to double? like from the attached image (but this one's from syncfusion)

 

[Roger]

How about changing Day buttons from single to double? like from the attached image (but this one's from syncfusion)

[Vladimir Stoyanov]

Hello Roger,

Thank you for the attached picture. 

In order to achieve the desired requirement you can use a DayButtonStyleSelector. You don't have to apply any style, since the goal is just to add a zero in front of the days before 10th. Still if you have any custom styles, you can apply them as well. Here is how that would look:

public class DayButtonStyleSelector : StyleSelector
   {
       public override Style SelectStyle(object item, DependencyObject container)
       {
           CalendarButtonContent calendarButton = item as CalendarButtonContent;

           if (calendarButton != null)
           {
               if (calendarButton.ButtonType == CalendarButtonType.Date)
               {
                   calendarButton.Text = calendarButton.Text.PadLeft(2, '0');
               }
           }
           return base.SelectStyle(item, container);
       }
   }

You would also need to define the StyleSelector in xaml and set in on the RadCalendar. 

<local:DayButtonStyleSelector x:Key="CustomStyleSelector" />

<telerik:RadCalendar DayButtonStyleSelector="{StaticResource CustomStyleSelector}" DayButtonStyle="{x:Null}" />

Hope this helps.

Regards,
Vladimir Stoyanov
Progress Telerik

[Roger]

Hi Vladimir,

Thanks for the response.It's working now but had some conflicts with my current style. I need it to look like the image on my first post. When you mentioned "Still if you have any custom styles, you can apply them as well." do you mean to apply them under the DayButtonStyleSelector class?

Thanks in advance!

P.S.

I have attached a portion of the style we are currently using

[Vladimir Stoyanov]

Hello Roger,

Thank you for the attached picture. 

You are correct that you can apply the style in the DayButtonStyleSelector. You can introduce a property of type Style in the StyleSelector and you can return that property instead of the call to the base class in the SelectStyle method. You also have to add a key to the style(let's say x:Key="DefaultStyle") and set it to the property of the StyleSelector like so:

<local:DayButtonStyleSelector x:Key="CustomStyleSelector" DefaultStyle="{StaticResource DefaultStyle}" />

Please give this approach a try and let me know if I can be of any further assistance.

Regards,
Vladimir Stoyanov
Progress Telerik