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

RadCalendar rtl

2 Answers 37 Views
This is a migrated thread and some comments may be shown as answers.
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 .... />

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...


2 Answers, 1 is accepted

Sort by
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" 
<html xmlns=""
<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 
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; 
<body dir="rtl"
<form id="form1" runat="server"
<asp:ScriptManager ID="ScriptManager1" runat="server" /> 
<telerik:RadCalendar ID="RadCalendar1" runat="server" Skin="Vista" /> 

Best wishes,
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.
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...
Asked by
Top achievements
Rank 1
Answers by
Telerik team
Top achievements
Rank 1
Share this question