This is a migrated thread and some comments may be shown as answers.

Customizing the Look of the Calendar

1 Answer 27 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Jutas Arthasarnprasit
Top achievements
Rank 1
Jutas Arthasarnprasit asked on 02 Mar 2018, 02:10 PM

I have very specific needs as far as how the calendar is formatted.  I need it to look like the attached file.  I can get the 2-month view working but not the text of the months.  I appreciate any help anyone can give.  Here's what I have so far:

 

<telerik:RadCalendar RenderMode="Lightweight" ID="radCalendar" runat="server" EnableNavigation="true" ShowRowHeaders="false" EnableMonthYearFastNavigation="true" ShowFastNavigationButtons="false" ShowNavigationButtons="false" MultiViewColumns="2" MultiViewRows="1" EnableMultiSelect="true">
<ClientEvents OnDateClick="radCalendar_OnDateClick" />

</telerik:RadCalendar>

1 Answer, 1 is accepted

Sort by
0
Jutas Arthasarnprasit
Top achievements
Rank 1
answered on 02 Mar 2018, 02:28 PM

I figured it out.  If anyone is interested, I had to create 2 separate calendar controls:

 

<telerik:RadScriptManager ID="ScriptManager1" runat="server"></telerik:RadScriptManager>
            <asp:LinkButton ID="lbtPrev" OnClick="lbtPrev_Click" runat="server"><</asp:LinkButton>
            <telerik:RadCalendar RenderMode="Lightweight" ID="radCalendar1" runat="server" ShowRowHeaders="false" ShowFastNavigationButtons="false" ShowNavigationButtons="false" EnableMultiSelect="true" HideNavigationControls="true" ShowOtherMonthsDays="false" ShowColumnHeaders="false">
                        <ClientEvents OnDateClick="radCalendar_OnDateClick" />
            </telerik:RadCalendar>
            <telerik:RadCalendar RenderMode="Lightweight" ID="radCalendar2" runat="server" ShowRowHeaders="false" ShowFastNavigationButtons="false" ShowNavigationButtons="false" EnableMultiSelect="true" HideNavigationControls="true" ShowOtherMonthsDays="false" ShowColumnHeaders="false">
                        <ClientEvents OnDateClick="radCalendar_OnDateClick" />
            </telerik:RadCalendar>
            <asp:LinkButton ID="lbtNext" OnClick="lbtNext_Click" runat="server">></asp:LinkButton>
Tags
Calendar
Asked by
Jutas Arthasarnprasit
Top achievements
Rank 1
Answers by
Jutas Arthasarnprasit
Top achievements
Rank 1
Share this question
or