Solved

Update Panel with Wizard .Net Control

Posted on 2012-03-28
1
415 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Today I had a very interesting conundrum that had to get solved quickly. Needless to say, it wasn't resolved quickly because when we needed it we were very rushed, but as soon as the conference call was over and I took a step back I saw the correct …
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The goal of the video will be to teach the user the concept of local variables and scope. An example of a locally defined variable will be given as well as an explanation of what scope is in C++. The local variable and concept of scope will be relat…
Viewers will learn how to properly install Eclipse with the necessary JDK, and will take a look at an introductory Java program. Download Eclipse installation zip file: Extract files from zip file: Download and install JDK 8: Open Eclipse and …

734 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