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:
Default.aspx.cs:
DatePicker.ascx:
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
>