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

Problem with DatePicker Q1 2012 Release

8 Answers 136 Views

General Discussions

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

RvdGrint asked on 21 Feb 2012, 08:48 AM

Hello,

after updating the ASP.Net controls from Q3 2011 to Q1 2012 the following problem occured;
When disabling the RadDatePicker and hide the DatePopupButton the display of the date is a litlle bit unexpected :-). If the DatePopupButton stays vsible everything works fine but when visible is false than there's my problem.

.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.PanelBar_Default" %>

<%@ Register Src="~/PanelBar/WebUserControl.ascx" TagName="ucpb" TagPrefix="usercpb" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<title></title>

<style type="text/css">

</style>

<script type="text/javascript">

</script>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="ScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Outlook">

</telerik:RadAjaxLoadingPanel>

<telerik:RadScriptBlock ID="ScriptBlock1" runat="server">

<script type="text/javascript">

</script>

</telerik:RadScriptBlock>

<telerik:RadAjaxPanel runat="server" ID="rapHourControl" LoadingPanelID="RadAjaxLoadingPanel1">

<div style="width: 100px;">

<telerik:RadDatePicker runat="server" ID="rdpDate" Skin="Windows7" Width="100px"

TabIndex="2" DatePopupButton-TabIndex="-1">

<DateInput ID="rdpDateInput" runat="server" EmptyMessage="Required">

<EmptyMessageStyle BackColor="#FFF1F1" Font-Italic="True" ForeColor="Red" />

<FocusedStyle BackColor="#CCFFCC" />

</DateInput>

</telerik:RadDatePicker>

</div>

</telerik:RadAjaxPanel>

</form>

</body>

</html>

aspx.cs:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

using System.Data;

namespace WebApplication1

{

public partial class PanelBar_Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

rdpDate.Enabled = false;

rdpDate.DatePopupButton.Visible = false;

}

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

rdpDate.SelectedDate = DateTime.Now;

}

Anyone?

Regards,
Jos Meerkerk

8 Answers, 1 is accepted

answered on 22 Feb 2012, 10:03 AM

Hi Jos Meerkerk,

Thank you very much for your feedback. We replicated the problem and we are currently working on a fix for this. It looks to be some browser behavior problem in IE9, since it works correct in other browsers.

There is difference in the layout of RadDatePicker when there is visible button and when there is not. In first case a table is rendered and the button is in the second cell. And in the second case no table is used. And in this case the IE9 has some issue with applying the line-height, and the value of the input is not hidden properly. Which causes the formatted text and validation value to be shown in the same time.
Actually it can be replicated in much simpler scenario like:

<telerik:RadDateInput runat="server" SelectedDate="2012/05/05" Enabled="false">

</telerik:RadDateInput>

Kind regards,
Vasil
the Telerik team

Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>