RadDatePicker rendering problem

12 posts, 0 answers
  1. RvdGrint
    RvdGrint avatar
    112 posts
    Member since:
    May 2011

    Posted 01 Jul 2011 Link to this post

    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>

  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 01 Jul 2011 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. RvdGrint
    RvdGrint avatar
    112 posts
    Member since:
    May 2011

    Posted 01 Jul 2011 Link to this post

    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
  5. RvdGrint
    RvdGrint avatar
    112 posts
    Member since:
    May 2011

    Posted 01 Jul 2011 Link to this post

    The problem doesn't appear in FireFox

    Regards, 
      Jos
  6. RvdGrint
    RvdGrint avatar
    112 posts
    Member since:
    May 2011

    Posted 05 Jul 2011 Link to this post

    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
  7. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 05 Jul 2011 Link to this post

    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.

  8. RvdGrint
    RvdGrint avatar
    112 posts
    Member since:
    May 2011

    Posted 05 Jul 2011 Link to this post

    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.
  9. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 06 Jul 2011 Link to this post

    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!

  10. RvdGrint
    RvdGrint avatar
    112 posts
    Member since:
    May 2011

    Posted 28 Jul 2011 Link to this post

    Problem is solved by using RadStyleSheetManager

    Regards,
      Jos
  11. Alexei
    Alexei avatar
    1 posts
    Member since:
    Jul 2012

    Posted 09 Jul 2012 Link to this post

    Hello,

    What you set in the RadStyleSheetManager ?

    Thanks,
    Alexei
  12. Vidthi
    Vidthi avatar
    2 posts
    Member since:
    Jul 2012

    Posted 13 Jul 2012 Link to this post

    hi even i am aslo facing the same problem will you please help me out from this.

    Vidthi
  13. RvdGrint
    RvdGrint avatar
    112 posts
    Member since:
    May 2011

    Posted 15 Jul 2012 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017