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

RTL RadCalendar

1 Answer 43 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Alok
Top achievements
Rank 2
Alok asked on 22 Feb 2015, 05:29 PM
Hello,

I used a radcalendar control, like

Start Date : Text Box [calender picker] to  End Date : Text Box [calender picker]
[label] : [text box] [calender control] [label] : [text box] [calender control]

In RTL direction, by default it is like:
[calender picker]  Text Box : Start Date  to [calender picker]  Text Box : End Date
[calender control] [text box] : [label]  to [calender control] [text box] : [label]

Basically, the RadCalendar reverses the item order and aligns itself to the right side of the container.
Is there a way to change the direction of the labels, text box and radcalendar control like :

End Date : Text Box [calender picker] to Start Date : Text Box [calender picker] 
[label] : [text box] [calender control] to [label] : [text box] [calender control]

Please suggest.



1 Answer, 1 is accepted

Sort by
0
Radoslav
Telerik team
answered on 25 Feb 2015, 09:27 AM
Hi Alok,

The desired functionality will not be truly RTL, because in RTL mode the user starts reading the screen from right to left and the Start Date: label needs to be on the right side. To achieve the truly RTL you can use following markup:
<div dir="rtl">
          <telerik:RadDatePicker SelectedDate="1/1/2000" DateInput-Label="StartDate:" runat="server"></telerik:RadDatePicker>
      to
          <telerik:RadDatePicker SelectedDate="2/2/2002" runat="server" DateInput-Label="EndDate:"></telerik:RadDatePicker>
  </div>

The desired functionality:
End Date : Text Box [calender picker] to Start Date : Text Box [calender picker]  cannot be achieved with css and html elements only. In this case you need to have two different panels and show one of them depending on parent element's (or body) dir attribute.

I hope this helps.

Regards,
Radoslav
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.

 
Tags
Calendar
Asked by
Alok
Top achievements
Rank 2
Answers by
Radoslav
Telerik team
Share this question
or