RadDatepicker popupbutton not showing

2 posts, 0 answers
  1. Sandra
    Sandra avatar
    7 posts
    Member since:
    Mar 2009

    Posted 10 Jun 2010 Link to this post

    I have a raddatepicker on more that one control on a form.  On most of the controls, it works fine, but on one control, the popup button for the datepicker is not visible.  If you go to the spot where the button is, you will see the outline of the button and can click there and the popup calendar will appear.  I don't see that I am doing anything different on this control then the other ones.  I even added javascript to showdatepicker, but the button stil does not show.   Here is some of the related code on the ascx:

    <%

    @ Control Language="VB" AutoEventWireup="false" CodeFile="exAcctContractPricing.ascx.vb" Inherits="exAcctContractPricing" %>

     

    <%

    @ Register Assembly="Infragistics2.WebUI.WebDateChooser.v6.3, Version=6.3.20063.1059, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.WebUI.WebSchedule" TagPrefix="igsch" %>

     

    <%

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

     

    <%

    @ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

     

    <%

    @ Register Assembly="Infragistics2.WebUI.WebDataInput.v6.3, Version=6.3.20063.1059, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.WebUI.WebDataInput" TagPrefix="igtxt" %>

     

    <%

    @ Register TagPrefix="igmisc" Namespace="Infragistics.WebUI.Misc" Assembly="Infragistics2.WebUI.Misc.v6.3, Version=6.3.20063.1059, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" %>

     

     

    <

     

    script language="javascript" type="text/javascript">

     

    pageLoad =

    function (){

     

    window.setTimeout(

    function() {SetDatePickers();},200)

     

    }

     

    function SetDatePickers() {

     

     

    // get out if is in view mode

     

     

    if( document.getElementById('<%= txtIsViewMode.ClientId %>').value == 'True' )return null;

     

    setYearMonthPicker($find(

    "<%= dpEffectiveDateContractPricing.ClientID %>"), $find('<%= rcCurrentMonth.ClientId %>').get_selectedDate());

     

    setYearMonthPicker($find(

    "<%= dpContractPricingExpireDate.ClientID %>"), $find('<%= rcCurrentMonthPlusAYear.ClientId %>').get_selectedDate());

     

     

    //this doesn't help the popup show

     

    showdatepicker($find("<%= dpEffectiveDateContractPricing.ClientID %>"))

     

    showdatepicker($find(

    "<%= dpContractPricingExpireDate.ClientID %>"))

     

     

    }

     

    <

     

    asp:Panel ID="pnlAcctContractDates" runat="server">

     

     

     

     

     

     

    <table border="0" cellpadding="0" cellspacing="0" style="width: 475px">

     

     

     

     

     

     

    <tr>

     

     

     

     

     

     

    <td style="vertical-align: top; text-align: left">

     

     

     

     

     

     

    <div style="padding-top: 3px; padding-bottom: 7px">

     

     

     

     

     

     

    <asp:Panel ID="pnlContractPricingEffectiveDate" runat="server" GroupingText="Effective Date" Width="150px">

     

     

     

     

     

     

    <div style="padding: 6px; height: 95px">

     

     

     

     

     

     

    <div style="padding-left: 7px; padding-bottom: 5px; height: 20px">

     

     

     

     

     

     

    <telerik:RadDatePicker ID="dpEffectiveDateContractPricing" runat="server" Width="80px" DateInput-EmptyMessage="N/A" SharedCalendarID="sharedCalendar">

     

     

     

     

     

     

    <DateInput ID="DateInput8" runat="server" DisplayDateFormat="MM/yyyy" SelectionOnFocus="SelectAll" EmptyMessage="N/A" InvalidStyleDuration="100">

     

     

     

     

     

     

    </DateInput>

     

     

     

     

     

     

    <DatePopupButton ToolTip="" />

     

     

     

     

     

     

    </telerik:RadDatePicker>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </asp:Panel>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    <td style="vertical-align: top; text-align: left">

     

     

     

     

     

     

    <div style="padding-top: 3px; padding-bottom: 7px">

     

     

     

     

     

     

    <asp:Panel ID="pnlContractPricingExpire" runat="server" GroupingText="Expiration" Width="300px">

     

     

     

     

     

     

    <div style="padding: 6px; height: 95px; text-align: left">

     

     

     

     

     

     

    <asp:RadioButtonList ID="rblContractPricingExpire" runat="server" RepeatDirection="Vertical" TabIndex="99">

     

     

     

     

     

     

    <asp:ListItem Value="0">Never Expires</asp:ListItem>

     

     

     

     

     

     

    <asp:ListItem Value="1">Expires</asp:ListItem>

     

     

     

     

     

     

    </asp:RadioButtonList>

     

     

     

     

     

     

    <div style="padding-left: 7px; padding-top: 5px; height: 20px">

     

     

     

     

     

     

    <asp:Panel ID="pnldpContractPricingExpireDate" runat="server">

     

     

     

     

     

     

    <asp:Label runat="server" ID = "ContractPriceExpireDate" >after the close of:</asp:Label>

     

     

     

     

     

    <%

    -- Note that I am trying to get the button to display but adding the last parameter did not help my cause

     

    --

     

    %> <telerik:RadDatePicker ID="dpContractPricingExpireDate" runat="server" Width="80px" DateInput-EmptyMessage="N/A" SharedCalendarID="sharedCalendar" DateInput-ShowButton = "true">

     

     

     

     

     

     

    <DateInput ID="DateInput9" runat="server" DisplayDateFormat="MM/yyyy" SelectionOnFocus="SelectAll" EmptyMessage="N/A" InvalidStyleDuration="100">

     

     

     

     

     

     

    </DateInput>

     

     

     

     

     

     

    <DatePopupButton ToolTip="" />

     

     

     

     

     

     

    </telerik:RadDatePicker>

     

     

     

     

     

     

    </asp:Panel>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </asp:Panel>

     

     

     

     

     

     

    </div>

     

     

     

     

     

     

    </td>

     

     

     

     

     

     

    </tr>

     

     

     

     

     

     

    </table>

     

     

     

     

     

     

    </asp:Panel>

     

  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 14 Jun 2010 Link to this post

    Hello Sandra,

    I don't see anything disturbing in your code snippet. You should check the following:

    1. If you have more than 31 CSS files and <style> tags on the page, IE will ignore some of them due to a limitation. In this case you should manually combine some non-embedded CSS files and use RadStyleSheetManager to combine embedded CSS files.

    2. It is possible that some CSS styles on the page override the styles of the picker's button. You can verify this by using browser addons such as Firebug for Firefox or Web Developer Toolbar for IE.

    If the problem persists, please send a simple, but complete runnable demo.

    Best wishes,
    Dimo
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top