Issue with the navigations buttons

[Udi]

Hello,

I have a RadDatePicker with the attribute dir="rtl".
This attribute causes to the navigations text button to be inverted (see the attached jpg).
The tooltip is ok.

The code is:

<telerik:RadDatePicker ID="RadDatePicker1" runat="server" dir="rtl">
</telerik:RadDatePicker>

My goal is to set the popup button on the left side to the input date.

Thank you,
Oren

[Shinu]

Hello Oren,

You can achive the desired output by using an image explicitly and hide the DatePopupButton.

aspx:

<img src="../Images/calender_left_arrow.jpg" onclick="showPopup()" />
        <telerik:RadDatePicker ID="RadDatePicker1" runat="server">
            <DatePopupButton Visible="false" />
        </telerik:RadDatePicker>

Javascript:

function showPopup()
   {
        var picker = $find("<%= RadDatePicker1.ClientID %>");
        picker.showPopup();
    }

Regards,
Shinu.

[Udi]

Thanks Shinu for yout reply,

Does it a familiar bug?

Your solution look like a workaround.

Thanks,
Oren

[Iana Tsolova]

Hi Oren,

Another option to achieve your goal, is to add the following css styles to the page:

<style type="text/css">
    .RadCalendar_[SkinName] .rcTitlebar .rcFastPrev
    {
        background-position: 1px -197px !important;
    }
    .RadCalendar_[SkinName] .rcTitlebar .rcPrev
    {
        background-position: 4px -297px !important;
    }
    .RadCalendar_[SkinName] .rcTitlebar .rcNext
    {
        background-position: 3px -397px !important;
    }
    .RadCalendar_[SkinName] .rcTitlebar .rcFastNext
    {
        background-position: 1px -497px !important;
    }
</style>

Best wishes,
Iana
the Telerik team