Odd behavior with two RadDatePickers in Radwizard...

3 posts, 0 answers
  1. Rob
    Rob avatar
    8 posts
    Member since:
    Mar 2017

    Posted 02 Mar 2017 Link to this post

    Hi all, I've got two RadDatePickers on a RadWizard control. Oddly, when I click the button on the first RadDatePicker to drop the calendar down, it starts to open then closes and then the calendar drops down on the second RadDatePicker. If I click the button of the second RadDatePicker nothing happens at all. I figure it has to be something simple, but I'll be damned if I can see it. We are using 2016 Q3 currently. The two RadDatePickers are identical except, obviously, for the ID's.

    Here is a simplified version of my code:

    <telerik:RadWizard RenderMode="Lightweight" ID="RadWizardIncidentGroupA" runat="server" CssClass="formfont" Width="100%" OnClientLoad="OnClientLoad" Skin="Bootstrap" OnClientButtonClicking="OnClientButtonClicking" OnFinishButtonClick="RadWizardIncidentGroupA_FinishButtonClick" OnCancelButtonClick="RadWizardIncidentGroupA_CancelButtonClick"  BorderColor="#cccccc">
         <WizardSteps>
              <telerik:RadWizardStep ID="RadWizardStep1" Title="Administrative" StepType="Start" DisplayCancelButton="true" runat="server">                      
                   <div class="inputWrapper">
                        <asp:Label ID="lblIncidentDate" Text="" runat="server" AssociatedControlID="IncidentDate" />
                        <telerik:RadDatePicker ID="IncidentDate" RenderMode="Lightweight" Skin="Bootstrap" TabIndex="0" ClientIDMode="Static" MinDate="1900/1/1" MaxDate="2099/1/1" Width="320px" runat="server">
                             <DateInput ID="IncidentDateInput" DateFormat="yyyy-MM-dd" DisplayDateFormat="yyyy-MM-dd" EmptyMessage="yyyy-mm-dd" MaxLength="10" runat="server"></DateInput>
                        </telerik:RadDatePicker>
               </div>
                   <div class="inputWrapper">
                        <asp:Label ID="lblExceptionalClearanceDate" runat="server" AssociatedControlID="ExceptionalClearanceDate" />
                        <telerik:RadDatePicker ID="ExceptionalClearanceDate" RenderMode="Lightweight" Skin="Bootstrap" TabIndex="0" ClientIDMode="Static" MinDate="1900/1/1" MaxDate="2099/1/1" Width="320px" runat="server">
                             <DateInput ID="ExceptionalClearanceDateInput" DateFormat="yyyy-MM-dd" DisplayDateFormat="yyyy-MM-dd" EmptyMessage="yyyy-mm-dd" MaxLength="10" runat="server"></DateInput>
                        </telerik:RadDatePicker>
                   </div>
              </telerik:RadWizardStep>
         </WizardSteps>
    </telerik:RadWizard>

     

  2. Rob
    Rob avatar
    8 posts
    Member since:
    Mar 2017

    Posted 03 Mar 2017 in reply to Rob Link to this post

    More info I should have included. I'm using:

    1/ Chrome v56.0.2924.87 and IE 11 (11.576.14393.0)

    2/ Windows 10

    3/ ASP.Net 4.0

    4/ C#

  3. Rob
    Rob avatar
    8 posts
    Member since:
    Mar 2017

    Posted 06 Mar 2017 in reply to Rob Link to this post

    I found the problem. This work was a revamp of existing work from a different developer, and I kept the ClientIDMode="Static" as it was in the old code. As soon as I removed that, everything worked properly.
Back to Top