Solved

Update Panel with Wizard .Net Control

Posted on 2012-03-28
1
414 Views
Last Modified: 2012-04-06
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

0
Comment
Question by:itinfo7
1 Comment
 
LVL 13

Accepted Solution

by:
agarwalrahul earned 500 total points
ID: 37780350
When you use the ADO.NET Wizard component you can't put the Wizard inside an UpdatePanel, but each "step" of the Wizard inside an UpdatePanel, so the solution was to place three (3) UpdatePanel's inside one Wizard component.

reference:
http://stackoverflow.com/questions/3391621/asp-net-updatepanel-wizard-problem
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

A long time ago (May 2011), I have written an article showing you how to create a DLL using Visual Studio 2005 to be hosted in SQL Server 2005. That was valid at that time and it is still valid if you are still using these versions. You can still re…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
This tutorial explains how to use the VisualVM tool for the Java platform application. This video goes into detail on the Threads, Sampler, and Profiler tabs.
The goal of the tutorial is to teach the user how to use functions in C++. The video will cover how to define functions, how to call functions and how to create functions prototypes. Microsoft Visual C++ 2010 Express will be used as a text editor an…

820 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question