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

Date Picker has overlapping text in date input

5 Answers 498 Views

Calendar

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

Gerry asked on 18 Apr 2012, 03:07 PM

DatePickerIssue.png

Hi,

I've attached a screen shot of the issue.

Note that this only occurs when the DatePopupButton-Visible is set to false.

Here's the markup:

<tr id="trMRPShipDate" runat="server">

<td>MRP Ship Date</td>

<td></td>

<td>

<div style="position:relative; height:20px">

<telerik:RadDatePicker ID="dpMRPShipDate" Width="90px" EnableTyping="false" DatePopupButton-Visible="false"

style="position:absolute; top:0px; left:0px" runat="server" EnableEmbeddedSkins="true">

<Calendar ID="Calendar1" UseRowHeadersAsSelectors="False" runat="server" UseColumnHeadersAsSelectors="False"

ViewSelectorText="x" EnableEmbeddedSkins="true">

<SpecialDays>

<telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="#BCDDFF" >

<ItemStyle BackColor="#BCDDFF" />

</telerik:RadCalendarDay>

</SpecialDays>

</Calendar>

<DateInput ID="DateInput3" DisplayDateFormat="MMM dd, yyyy" runat="server" DateFormat="M/d/yyyy"

ReadOnly="True" AutoPostBack="True">

</DateInput>

<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>

</telerik:RadDatePicker>

<asp:ImageButton ID="imgCancelMRPShipDate" runat="server" ImageUrl="~/Pics/Cancel.gif" Style="position:absolute; top:4px; left:122px" OnClick="imgCancelShipDate_Click" Width="16px" Visible="false" />

<asp:LinkButton runat="server" ID="lnkShipDateChangeLog" Text="Change Log" style="position:absolute; top:4px; left:98px; white-space:nowrap" onclick="lnkShipDateChangeLog_Click" />

</div>

</td>

</tr>

5 Answers, 1 is accepted

Accepted

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Extended Reality

Free Tools

Date Picker has overlapping text in date input

5 Answers, 1 is accepted