Q:
I'm encountering an issue with my date picker implementation using RadDatePicker within a table td
and multiple containers (div
). The problem arises from the navigation text being reversed - ">>
" instead of "<<
", ">
" instead of "<
", and vice versa. I have attempted to adjust relevant properties to resolve this issue, but without success. It appears that some parent container's CSS is impacting the date picker functionality.
Removing the control from any container resolves the issue. My goal is to eliminate any influence of the container's CSS on the date picker to identify the precise property causing this unexpected behavior.
Here is a snippet of my source code:
<div class="toggle_container">
<div class="block">
<h4 align="right" dir="rtl">
:</h4>
<hr style="width: 745px;" align="right" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div id="masterDiv" align="center" style="width: 800px">
<div id="masterControls" style="text-align: center; width: 780px;">
<table align="center" cellpadding="3" cellspacing="1" width="98%" dir="rtl">
<tr bgcolor="#f1ece2">
<th colspan="3" align="right" valign="middle">
</th>
</tr>
<%-- more markup --%>
<tr bgcolor="#f1ece2">
<td align="right" class="title" colspan="2" style="text-align: center" width="40%">
الفترة (من):
</td>
<td align="right">
<telerik:RadDatePicker ID="rad_dateFrom" runat="server" Culture="Arabic (Egypt)"
Skin="Web20">
</telerik:RadDatePicker>
</td>
</tr>
<tr bgcolor="#f1ece2">
<td align="right" class="title" colspan="2" style="text-align: center" width="40%">
الفترة (الى):
</td>
<td align="right">
<telerik:RadDatePicker ID="rad_dateTo" runat="server" Culture="Arabic (Egypt)" Skin="Web20">
<Calendar Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
ViewSelectorText="x">
</Calendar>
<DatePopupButton HoverImageUrl="" ImageUrl="" />
</telerik:RadDatePicker>
</td>
</tr>
<%-- more markup --%>
</table>
</div>
</div>
</ContentTemplate>
<Triggers>
</Triggers>
</asp:UpdatePanel>
</div>
</div>
Highlighted in Firebug:
<a id="ctl00_ContentPlaceHolder1_rad_dateFrom_calendar_FNN" class="rcFastNext" href="#" title=">>">>></a>
The "fast next navigation" displays as "<<
", but I aim to change it to ">>
".
Appreciate your assistance.