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

RadDatePicker rendering problem

11 Answers 245 Views

Calendar

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

RvdGrint asked on 01 Jul 2011, 08:08 AM

DatePicker.jpg

Hello,

in my project I have big troubles with the rendering of the RadDatePicker. It seems the CSS is not applied (well) to the control. Instead of the calendar button, the tooltip is rendered as hyperlink for opening the calendar. When the calendar, for date selection, is opened there's no background etc.
The RadDatePicker is on a RadMultiPage in a UserControl that is set to visibele after clicking a button in the NamingContainer (in the sampel a aspx but in my project also a UserControl) of the UserControl. The UserControl has a RadAjaxPanel on it which contains the RadDatePicker, the NamingContainer als has a RadAjaxPanel.

I've tried to reproduce the problem in a sample project which I've attached. Only in this sample te problem appears after clicking/changing the tabstrip a few times while in my application the problem always appears.

Hopefully there's someome who can help me with this problem.

Regards,
Jos Meerkerk

Default.aspx:

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

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<%@ Register TagPrefix="uc" TagName="DatePicker" Src="~/DatePicker.ascx" %>

<!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 runat="server">

<title></title>

</head>

<body>

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

<div style="margin-left:100px;margin-top:100px;">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

<telerik:RadButton ID="RadButton1" runat="server" Text="RadButton"

onclick="RadButton1_Click">

</telerik:RadButton> <br />

<uc:DatePicker ID="ucDatePicker" runat="server" Visible="false" />

</div>

</form>

</body>

</html>

Default.aspx.cs:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace RadDatePicker

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadButton1_Click(object sender, EventArgs e)

{

ucDatePicker.Visible = true;

}

DatePicker.ascx:

<telerik:RadAjaxPanel ID="rapPanel" runat="server">

<telerik:RadTabStrip ID="RadTabStrip1" runat="server"

MultiPageID="RadMultiPage1" Skin="Windows7" AutoPostBack="true">

<Tabs>

<telerik:RadTab runat="server" PageViewID="rpvPage1" Text="Root RadTab1">

</telerik:RadTab>

<telerik:RadTab runat="server" PageViewID="rpvPage2" Text="Root RadTab2">

</telerik:RadTab>

<telerik:RadTab runat="server" PageViewID="rpvPage3" Text="Root RadTab3">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" Runat="server" RenderSelectedPageOnly="true" EnableEmbeddedScripts="true" SelectedIndex="0">

<telerik:RadPageView ID="rpvPage1" runat="server">

RadPageView Page 1

</telerik:RadPageView>

<telerik:RadPageView ID="rpvPage2" runat="server">

RadPageView Page 2<br />

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<telerik:RadDatePicker ID="RadDatePicker2" runat="server" Skin="Windows7">

</telerik:RadDatePicker>

</telerik:RadAjaxPanel>

</telerik:RadPageView>

<telerik:RadPageView ID="rpvPage3" runat="server">

RadPageView Page 3

</telerik:RadPageView>

</telerik:RadMultiPage>

</telerik:RadAjaxPanel>

RadDatePicker rendering problem

11 Answers, 1 is accepted