Link to home
Start Free TrialLog in
Avatar of itinfo7
itinfo7

asked on

Update Panel with Wizard .Net Control

I do have wiard (.net Control) as per the code.I want to use update panel with the wizard it's working good but onfinishbuttonclick="Wizard_FinishButtonClick" event I have page.registerstartupscript.that is not working with update panel and script manager.

I tried all the option I found including this.
ScriptManager.RegisterStartupScript(page, page.GetType(), Guid.NewGuid().ToString(), “alert(‘hello’)”, true);

but it's not working.

Please let me know what should I do to work that out.

Thanks

<update Panel>
<content Template>
<asp:Wizard ID="Wizard" runat="server" ActiveStepIndex="0" 
        FinishCompleteButtonImageUrl="~/Templates/Products/POD/PDF/Images/ViewProof.png" 
        FinishCompleteButtonType="Image" 
        FinishPreviousButtonImageUrl="~/Templates/Products/POD/PDF/Images/Previous.png" 
        FinishPreviousButtonType="Image" 
        StartNextButtonImageUrl="~/Templates/Products/POD/PDF/Images/nextstep.png" 
        StartNextButtonType="Image" 
        StepNextButtonImageUrl="~/Templates/Products/POD/PDF/Images/nextstep.png"
        StepNextButtonType="Image" 
            StepPreviousButtonImageUrl="~/Templates/Products/POD/PDF/Images/Previous.png" 
            StepPreviousButtonType="Image"  DisplaySideBar="false" 
            onfinishbuttonclick="Wizard_FinishButtonClick"  >
        
        <WizardSteps>
            <asp:WizardStep ID="WizardStep1" runat="server" title=" Step 1 ">

              <div id="DVBackPart" class="DVBackPart">
           
              <div id="DivSelectAnimalBack" style="font-family:Arial; font-size:14px; width:300px; height:15px;margin-top:10px;" >
                    
                   <b> Choose Back Animal:       </b>          
                </div>
               
                <div id="Div18" style="width:300px;height:100px; margin-top:10px; ">
                
                      <div style="text-align:center; padding-left:4px;">
                    <asp:RadioButtonList ID="ddlanimalbackpartradio" runat="server" TextAlign="Left" Width="30px" 
                              RepeatDirection="Horizontal"   AutoPostBack="true" onselectedindexchanged="ddlanimalbackpartradio_SelectedIndexChanged" 
                              >
                    </asp:RadioButtonList>
                    
           
                    </div>
             
                
            </div>
           
            <hr />
          <div style="font-family:Arial;font-size:12px;">
               <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                              ErrorMessage="Please Select Card" ControlToValidate="ddlanimalbackpartradio"></asp:RequiredFieldValidator>
          </div>
          <div id="DivSelectTypeBack" visible = "false" runat="server" style="width: 200px;  margin-top: 10px; font-size:14px;">
                <div style="padding-bottom:10px;"><b>Select Type:</b></div>
                    <div id="" style="width: 400px; font-size:14px;">
                        <asp:DropDownList ID="ddltypeback" runat="server" Height="16px" Width="150px" AutoPostBack="true"
                        OnSelectedIndexChanged="ddltypeback_SelectedIndexChanged">
                        </asp:DropDownList>
                      <div style="font-family:Arial;font-size:12px; width:200px; margin-top:5px;">
                       <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                            ErrorMessage="Please Select Type" ControlToValidate="ddltypeback"  InitialValue="0"></asp:RequiredFieldValidator>                    
                      
                    </div>
                     
            </div> 
             </div>
           
              </div>
            </asp:WizardStep>
            <asp:WizardStep ID="WizardStep2" runat="server" title=" Step 2 ">
           <div id="DVFrontPart" class="DVFrontPart">
         
                <div id="DvSelectAnimal" style="font-family:Arial; font-size:14px; width:300px; height:15px;margin-top:10px;" >
                    
                   <b> Choose Front Animal:       </b>          
                </div>
                <div id="selectanimalimage" style=" width: 400px; height: 100px;  margin-top:10px;">
                
                      <div style=" width: 400px; height: 70px;text-align:center; padding-left:4px;font-family:Arial;font-size:12px;">
                    <asp:RadioButtonList ID="ddlanimalradio" runat="server" TextAlign="Left" Width="30px" 
                              RepeatDirection="Horizontal"   AutoPostBack="true" 
                              onselectedindexchanged="ddlanimalradio_SelectedIndexChanged" >
                    </asp:RadioButtonList>
          
                 <%--    <asp:DropDownList ID="DropDownList1" runat="server" Height="16px" Width="100px" OnSelectedIndexChanged="ddlanimal_SelectedIndexChanged"
                        AutoPostBack="true">
                    </asp:DropDownList>--%>
                    </div>
                     
             
                
            </div> 
             
            <hr />
             <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Please Select Animal" ControlToValidate="ddlanimalradio" ></asp:RequiredFieldValidator>
                <div id="Dvselecttypenew" runat="server" visible="false" style=" margin-top: 10px; font-family:Arial; font-size:14px; width:400px; height:50px;">
                    <div style="padding-bottom:10px;"><b>Choose Front Type:</b></div>
                    <div>
                        <asp:DropDownList ID="ddlType" runat="server" Height="16px" Width="100px" AutoPostBack="true"
                        OnSelectedIndexChanged="ddlType_SelectedIndexChanged">
                        </asp:DropDownList>
                    </div>
                </div>
                
          
        </div>
            </asp:WizardStep>
            <asp:WizardStep ID="WizardStep3" runat="server" title=" Step 3 ">
           <div id="DivBackFreeInput" runat="server" style="float:left;width:300px;height:350px">
                <div id="Type1FreeInuthour4" runat="server" visible="false" style="width:300px; height:100px; font-family:Arial; font-size:12px;">
               <b> Back FreeInput</b><br />
                    <div id="DivHour1" style="font-size: 12px; float: left; width: 250px; margin-top: 10px;">
                        <div id="hour1text" style="font-size: 12px; float: left; width: 70px;">
                            <b>Mon-Wed</b>
                        </div>
                        <asp:DropDownList ID="ddlAMhour1" runat="server" Width="70px">
                        </asp:DropDownList>
                      
                        <asp:DropDownList ID="ddlPMhour1" runat="server" Width="70px">
                        </asp:DropDownList>
                        
                    </div>
                    <div id="Divhour2" style="font-size: 12px; float: left; width: 250px; margin-top: 10px;">
                        <div id="hour2text" style="font-size: 12px; float: left; width: 70px;">
                            <b>Thurs-Fri</b>
                        </div>
                        <asp:DropDownList ID="ddlAMhour2" runat="server" Width="70px">
                        </asp:DropDownList>
                        <asp:DropDownList ID="ddlPMhour2" runat="server" Width="70px">
                        </asp:DropDownList>
                    </div>
                    <div id="Divhour3" style="font-size: 12px; float: left; width: 250px; margin-top: 10px;">
                        <div id="hour3text" style="font-size: 12px; float: left; width: 70px;">
                            <b>Sat</b>
                        </div>
                        <asp:DropDownList ID="ddlAmhour3" runat="server" Width="70px">
                        </asp:DropDownList>
                        <asp:DropDownList ID="ddlPMhour3" runat="server" Width="70px">
                        </asp:DropDownList>
                    </div>
                    <div id="Divhour4" style="font-size: 12px; float: left; width: 250px; margin-top: 10px;">
                        <div id="hour4text" style="font-size: 12px; float: left; width: 70px;">
                            <b>Sun</b>
                        </div>
                        <asp:DropDownList ID="ddlAmhour4" runat="server" Width="70px">
                        </asp:DropDownList>
                        <asp:DropDownList ID="ddlPMhour4" runat="server" Width="70px">
                        </asp:DropDownList>
                    </div>
                  
                    
                   
                    
                </div>
                <div id="Type2BackFreeInput7" runat="server" visible="false" style="height:200px;font-family:Arial; font-size:12px;">
                <b>Back FreeInput </b><br />
                    <div id="Type2hour1" style="font-size: 12px; float: left; width: 250px; margin-top: 10px;">
                        <div id="hour1" style="font-size: 12px; float: left; width: 40px;">
                            <b>Mon</b>
                        </div>
                        <asp:DropDownList ID="ddlType2AMhour1" runat="server" Width="70px">
                        </asp:DropDownList>
                        <asp:DropDownList ID="ddlType2PMhour1" runat="server" Width="70px">
                        </asp:DropDownList>
                    </div>
                    <div id="Type2hour2" style="font-size: 12px; float: left; width: 250px; margin-top: 10px;">
                        <div id="hour2" style="font-size: 12px; float: left; width: 40px;">
                            <b>Tues</b>
                        </div>
                        <asp:DropDownList ID="ddlType2AMhour2" runat="server" Width="70px">
                        </asp:DropDownList>
                        <asp:DropDownList ID="ddlType2PMhour2" runat="server" Width="70px">
                        </asp:DropDownList>
                    </div>
                    <div id="Type2hour3" style="font-size: 12px; float: left; width: 250px; margin-top: 10px;">
                        <div id="hour3" style="font-size: 12px; float: left; width: 40px;">
                            <b>Wed</b>
                        </div>
                        <asp:DropDownList ID="ddlType2AMhour3" runat="server" Width="70px">
                        </asp:DropDownList>
                        <asp:DropDownList ID="ddlType2PMhour3" runat="server" Width="70px">
                        </asp:DropDownList>
                    </div>
                    <div id="Type2hour4" style="font-size: 12px; float: left; width: 250px; margin-top: 10px;">
                        <div id="hour4" style="font-size: 12px; float: left; width: 40px;">
                            <b>Thurs</b>
                        </div>
                        <asp:DropDownList ID="ddlType2AMhour4" runat="server" Width="70px">
                        </asp:DropDownList>
                        <asp:DropDownList ID="ddlType2PMhour4" runat="server" Width="70px">
                        </asp:DropDownList>
                    </div>
                    <div id="Type2hour5" style="font-size: 12px; float: left; width: 250px; margin-top: 10px;">
                        <div id="hour5" style="font-size: 12px; float: left; width: 40px;">
                            <b>Fri</b>
                        </div>
                        <asp:DropDownList ID="ddlType2AMhour5" runat="server" Width="70px">
                        </asp:DropDownList>
                        <asp:DropDownList ID="ddlType2PMhour5" runat="server" Width="70px">
                        </asp:DropDownList>
                    </div>
                    <div id="Type2hour6" style="font-size: 12px; float: left; width: 250px; margin-top: 10px;">
                        <div id="hour6" style="font-size: 12px; float: left; width: 40px;">
                            <b>Sat</b>
                        </div>
                        <asp:DropDownList ID="ddlType2AMhour6" runat="server" Width="70px">
                        </asp:DropDownList>
                        <asp:DropDownList ID="ddlType2PMhour6" runat="server" Width="70px">
                        </asp:DropDownList>
                    </div>
                    <div id="Type2hour7" style="font-size: 12px; float: left; width: 250px; margin-top: 10px;">
                        <div id="Div4" style="font-size: 12px; float: left; width: 40px;">
                            <b>Sun</b>
                        </div>
                        <asp:DropDownList ID="ddlType2AMhour7" runat="server" Width="70px">
                        </asp:DropDownList>
                        <asp:DropDownList ID="ddlType2PMhour7" runat="server" Width="70px">
                        </asp:DropDownList>
                    </div>
                </div>
                <div id="Type2freeinput" runat="server" visible="false" style="float: left; width: 200px;
                    margin-top: 15px; font-family:Arial; font-size:12px;"> 
                   <b>Front InputField</b>  <br />
                    <div id="Div1" style="font-size: 12px; float: left; width: 250px; margin-top:5px;">
                        <div id="Div3" style="font-size: 12px; float: left; width: 40px;">
                            <b>Name</b>
                        </div>
                        <asp:TextBox ID="txtName" runat="server" Width="188px"></asp:TextBox>
                    </div>
                    <div id="Div3" style="font-size: 12px; font-size: 12px; float: left; width: 250px;
                        margin-top: 10px;">
                        <div id="Div6" style="font-size: 12px; float: left; width: 30px; margin-right: 10px;">
                            <b>Title</b>
                        </div>
                        <asp:TextBox ID="txttitle" runat="server" Width="188px"></asp:TextBox>
                    </div>
                    <div id="Email" style="font-size: 12px; font-size: 12px; float: left; width: 250px;
                        margin-top: 10px;">
                        <div id="Div16" style="font-size: 12px; float: left; width: 40px;">
                            <b>Email</b>
                        </div>
                        <asp:TextBox ID="txtEmail" runat="server" Width="188px"></asp:TextBox><br />
                    </div>
                </div>
                <div id="DivQuanitty" runat="server" style="float: left; width: 200px;
                    margin-top: 15px; font-family:Arial; font-size:12px;">
                     <div id="Div2" style="font-size: 12px; float: left; width: 70px;">
                            <b>Quantity</b>
                        </div>
                  <asp:DropDownList ID="ddlquantity" runat="server" >
                    </asp:DropDownList>
                
                </div>
            </div>
            </asp:WizardStep>
        </WizardSteps>
     <HeaderTemplate>
               <ul id="wizHeader">
                   <asp:Repeater ID="SideBarList" runat="server">
                       <ItemTemplate>
                           <li><a class="<%# GetClassForWizardStep(Container.DataItem) %>" title="<%#Eval("Name")%>">
                               <%# Eval("Name")%></a> </li>
                       </ItemTemplate>
                   </asp:Repeater>
               </ul>
           </HeaderTemplate>
    </asp:Wizard>
<contenttemplate>
<update panel>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of Rahul Agarwal
Rahul Agarwal
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial