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

RadCalendar rtl

2 Answers 70 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Roy
Top achievements
Rank 1
Roy asked on 17 Mar 2009, 07:08 AM
Hello again,
I'm using radcontrols in a rtl environment.
that's means i have the following code segment:

<div dir="rtl">
<telerik:RadCalendar .... />
</div>

the calendar's tables are all performing the right to left just fine, except the next/prev months buttons.
in previous versions only the images were wrong, but the functionality was fine.
now it's the other way around - the images are set right, but the functionality is all wrong...

help!

2 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 17 Mar 2009, 06:10 PM
Hello Roy,

We are aware of this problem and it will be fixed for Q1 2009 SP1.

In the meantime, you can switch the navigation buttons' background position styles, so that the images appear correctly in RTL mode. Here is a simple example using the Vista skin. Note that the background position styles are adjusted to work for RadCalendar Q1 2009.


<%@ Page Language="C#" %> 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"
<head runat="server"
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<title>RadControls for ASP.NET AJAX</title> 
<style type="text/css"
 
table.RadCalendarRTL_Vista .rcTitlebar table 
    direction:rtl; 
 
table.RadCalendarRTL_Vista .rcTitlebar .rcFastNext 
    background-position:1px 2px; 
 
table.RadCalendarRTL_Vista .rcTitlebar .rcFastNext:hover 
    background-position:1px -48px; 
 
table.RadCalendarRTL_Vista .rcTitlebar .rcNext 
    background-position:3px -98px; 
 
table.RadCalendarRTL_Vista .rcTitlebar .rcNext:hover 
    background-position:3px -148px; 
 
table.RadCalendarRTL_Vista .rcTitlebar .rcPrev 
    background-position:4px -198px; 
 
table.RadCalendarRTL_Vista .rcTitlebar .rcPrev:hover 
    background-position:4px -248px; 
 
table.RadCalendarRTL_Vista .rcTitlebar .rcFastPrev 
    background-position:1px -298px; 
 
table.RadCalendarRTL_Vista .rcTitlebar .rcFastPrev:hover 
    background-position:1px -348px; 
 
</style> 
</head> 
<body dir="rtl"
<form id="form1" runat="server"
<asp:ScriptManager ID="ScriptManager1" runat="server" /> 
 
<telerik:RadCalendar ID="RadCalendar1" runat="server" Skin="Vista" /> 
 
</form> 
</body> 
</html> 



Best wishes,
Dimo
the Telerik team


Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Roy
Top achievements
Rank 1
answered on 31 Mar 2009, 09:24 AM
I've done per instructed, and now the functionality is excelent, but the images went crazy, and there are some unrelated images there.
I'll try putting such calendar on an empty page, see what appens. maybe it has to do with other stuff...
Tags
Calendar
Asked by
Roy
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Roy
Top achievements
Rank 1
Share this question
or