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

RadDatePicker rendering problem

11 Answers 146 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
RvdGrint
Top achievements
Rank 1
RvdGrint asked on 01 Jul 2011, 08:08 AM
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">
 
<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>

11 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 01 Jul 2011, 09:46 AM
Hello Jos,

I am not quite sure about the issue. You may override the default CSS style of the control that may be the cause of such behavior.

Check out the following forum for on this.
Radwindow displays icons at the bottom of the window.

Thanks,
Shinu.
0
RvdGrint
Top achievements
Rank 1
answered on 01 Jul 2011, 09:54 AM
Shinu,

In my application I'm using the Window7 skin for the Calendar. In the master page file I included the StyleSheet for the Window7 skin to be user this is used but without any result.

When I place a second RadDatePicker just outside the RadAjaxPanel that contains the first RadDatePicker both a rendered fine. Unforntunally this is not a solutions to my problem.

Regards,
  Jos
0
RvdGrint
Top achievements
Rank 1
answered on 01 Jul 2011, 01:48 PM
The problem doesn't appear in FireFox

Regards, 
  Jos
0
RvdGrint
Top achievements
Rank 1
answered on 05 Jul 2011, 07:39 AM
I've some additional information. The RadDatePicker problem is on the 3 page of the RadMultiPage. When placing a RadDatePicker on first/selected page of the RadMultiPage all the RadDatePickers are OK!! But... the problem is that I do not need a RadDatePicker on the firtst page of the RadMultiPage.

Can anyone please help me.

Regards,
  Jos Meerkerk
0
Iana Tsolova
Telerik team
answered on 05 Jul 2011, 09:52 AM
Hi Jos,

Try setting the EnableAjaxSkinRendering property of RadDatePIcker2 to true in the DatePIcker.ascx Page_Load event. Let me know if this helps.

Regards,
Iana
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
RvdGrint
Top achievements
Rank 1
answered on 05 Jul 2011, 09:58 AM
Iana,

sorry I had to mention that. I already tried this, it's still in my code, but that doesn't fix the problem.

Regards, 
  Jos.
0
Iana Tsolova
Telerik team
answered on 06 Jul 2011, 03:10 PM
Hi Jos,

Can you try opening a formal support ticket and attach a runnable project there? Thus I will be able to forward the issue for further investigation.

Thank you for your cooperation in advance.

Regards,
Iana
the Telerik team

Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

0
RvdGrint
Top achievements
Rank 1
answered on 28 Jul 2011, 09:20 AM
Problem is solved by using RadStyleSheetManager

Regards,
  Jos
0
Alexei
Top achievements
Rank 1
answered on 09 Jul 2012, 03:10 PM
Hello,

What you set in the RadStyleSheetManager ?

Thanks,
Alexei
0
Vidthi
Top achievements
Rank 1
answered on 13 Jul 2012, 10:54 AM
hi even i am aslo facing the same problem will you please help me out from this.

Vidthi
0
RvdGrint
Top achievements
Rank 1
answered on 15 Jul 2012, 10:12 AM
Put al the stylesheets that you are using in the RadStyleScheetManager. This manager merges all these files to 1 single CSS combined with the Telerik Style Sheets.

My problem was caused by the use of to many seperate stylesheets so RadStyleSheetManager fixed the problem for me.

Regards,
  JosM
Tags
Calendar
Asked by
RvdGrint
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
RvdGrint
Top achievements
Rank 1
Iana Tsolova
Telerik team
Alexei
Top achievements
Rank 1
Vidthi
Top achievements
Rank 1
Share this question
or