[StartNextButton] doesn't HIDE accordingly when i've selected date in Calendar.

Question

User944339287 posted

Hi guys.. i wonder why the [StartNextButton] doesn't HIDE accordingly when i've selected date in Calendar.

    Protected Sub Calendar_SelectionChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles Calendar.SelectionChanged

     DirectCast(Wizard.FindControl("StartNavigationTemplateContainerID").FindControl("StartNextButton"), Button).Visible = False

    End Sub

<asp:Wizard ID="Wizard" runat="server" ActiveStepIndex="0" DisplaySideBar="False">
    <LayoutTemplate>
        <div class="wizard-wrapper">                                                
          <asp:PlaceHolder ID="headerPlaceHolder" runat="server" />
          <asp:PlaceHolder ID="sideBarPlaceHolder" runat="server" />
          <asp:PlaceHolder ID="WizardStepPlaceHolder" runat="server" />
          <asp:PlaceHolder ID="navigationPlaceHolder" runat="server"/>
        </div>
    </LayoutTemplate>
    <StartNavigationTemplate>
        <div align="right">
         <asp:Button ID="StartNextButton" runat="server" CommandName="MoveNext" Text="Next" ValidationGroup="register" />
        </div>
    </StartNavigationTemplate>

    <FinishNavigationTemplate>
        <div align="right">
          <asp:Button ID="FinishPreviousButton" runat="server" CausesValidation="False" CommandName="MovePrevious" Text="Previous" />
          <asp:Button ID="FinishButton" runat="server" CommandName="MoveComplete" Text="FINISH" ValidationGroup="register" OnClientClick="return confirm('Are you sure to continue?');"  />
        </div>
    </FinishNavigationTemplate>
    <WizardSteps>
        <asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">
          <asp:UpdatePanel ID="UpdatePanel_step1" runat="server" UpdateMode="Conditional">
          <ContentTemplate>
<div id="demo-wizard" class="wizard">
<ul class="steps">
<li data-target="#step1" class="active"><span class="badge badge-info">1</span>Step One<span class="chevron"></span></li>												            <li data-target="#step2" class="last"><span class="badge">2</span>Final Step</li>												            </ul>										            </div>									                <div class="step-content">											            <div class="step-pane active" id="step1">													        <div class="row">
<div class="col-md-12">																        <div class="form-group">															                
  <div class="col-md-6" style="margin-bottom: 10px;">                                                                             
      <asp:Calendar ID="Calendar" runat="server">                                                                                                   
      </asp:Calendar>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
  </div>
  <div class="col-md-6" style="margin-bottom: 10px; margin-left: 5px;">    
    <asp:RadioButtonList ID="rbl_AvailableTime" runat="server" AutoPostBack="true">                                                                                </asp:RadioButtonList>      
    <asp:Label ID="lbl_message" runat="server"></asp:Label>                                                                                   <asp:Label ID="lbl_booking_slot" runat="server" Visible="false"></asp:Label>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
  </div>
</div>
</li>
</ul>
</ContentTemplate>
<Triggers>
      <asp:AsyncPostBackTrigger ControlID="Calendar" EventName="SelectionChanged" />
      <asp:AsyncPostBackTrigger ControlID="rbl_AvailableTime" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</asp:WizardStep>

Answer 1

User288213138 posted

Hi kengkit,

i wonder why the [StartNextButton] doesn't HIDE accordingly when i've selected date in Calendar.

The OnSelectionChanged won't work in response to an asynch postback, you should make it work as a PostBack Trigger.

<Triggers>
                            <asp:PostBackTrigger ControlID="Calendar" />
                           <%-- <asp:AsyncPostBackTrigger ControlID="Calendar" EventName="SelectionChanged" />--%>
                            <asp:AsyncPostBackTrigger ControlID="rbl_AvailableTime" EventName="SelectedIndexChanged" />
                        </Triggers>

The result:

Best regards,

Sam