RadCalendar rtl

3 posts, 0 answers
  1. Roy
    Roy avatar
    36 posts
    Member since:
    Jun 2008

    Posted 17 Mar 2009 Link to this post

    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. Dimo
    Dimo avatar
    8321 posts

    Posted 17 Mar 2009 Link to this post

    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="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 
    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.
  3. DevCraft R3 2016 release webinar banner
  4. Roy
    Roy avatar
    36 posts
    Member since:
    Jun 2008

    Posted 31 Mar 2009 Link to this post

    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...
Back to Top