Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

RadWizard Finish not firing on click

2 Answers 158 Views
Wizard
This is a migrated thread and some comments may be shown as answers.
Doug
Top achievements
Rank 2
Doug asked on 09 Feb 2015, 09:42 PM
I am trying to use the RadWizard control, to implement a maintenance request form.  On the last step, I want the user to click finish and that will send all the data to the database.  However, the 'Finish' button is not firing on click.  It takes two clicks.  I have tested this in different browsers and continue to get the same results.  I have added a panel around the RadWizard and that does not seem to solve anything.  Please help. I am using the latest telerik ajax version v2014.3.1209.45

Below is my markup and code behind...

thanks


Doug
001.<body>
002.  <form id="form1" runat="server">
003.      <telerik:RadScriptManager ID="rasMain" runat="server">
004.      </telerik:RadScriptManager>
005.       <telerik:RadWindowManager ID="RadWindowManager1" runat="server">
006.        </telerik:RadWindowManager>  
007.      
008.        <telerik:RadWizard runat="server" ID="RadWizard1" Height="360px" Skin="BlackMetroTouch">
009.            <WizardSteps>
010.                <telerik:RadWizardStep ID="rwsCreatedBy" Title="Created By" runat="server" StepType="Start">
011.                    <h2 style="font:large, bolder;">Select the Operator or person creating this breakdown request</h2>                   
012.                    <table>
013.                        <tr>
014.                            <td>
015.                                <asp:Label ID="lblEmpName" runat="server" Text="Employee Name" Font-Bold="true" Font-Size="X-Large"></asp:Label>
016.                            </td>
017.                            <td>
018. 
019.                            </td>
020.                            <td>
021.                                <telerik:RadComboBox ID="rcbEmployeeName" runat="server" AutoPostBack="True" DropDownAutoWidth="Enabled" DropDownWidth="300px" Height="500px" Font-Size="Larger" DataSourceID="dsEmployees" DataTextField="Name" DataValueField="BadgeId" Skin="BlackMetroTouch" Width="300px" >
022.                                   
023.                                </telerik:RadComboBox>
024.                                <asp:SqlDataSource ID="dsEmployees" runat="server" ConnectionString="<%$ ConnectionStrings:OceansideMaintSystem2015.My.MySettings.oConDev %>" SelectCommand="Select * from main.Employee where Department NOT LIKE '99' ORDER BY NAME ASC"></asp:SqlDataSource>
025.                                 
026.                            </td>
027.                            <td>
028.                                <asp:RequiredFieldValidator ID="rfvEmployeeName" runat="server" ControlToValidate="rcbEmployeeName" ErrorMessage="Required" Font-Bold="true" ForeColor="Red" Font-Size="X-Large" BackColor="Yellow"></asp:RequiredFieldValidator>
029.                            </td>
030.                        </tr>
031.                        <tr>
032.                            <td>
033.                                <asp:Label ID="lblBadgeID" runat="server" Text="BadgeID" Font-Bold="true" Font-Size="X-Large" ></asp:Label>
034.                            </td>
035.                            <td>
036. 
037.                            </td>
038.                            <td>
039.                                <telerik:RadTextBox ID="rtbBadgeID" runat="server" ReadOnly="true" AutoPostBack="true" Font-Size="Larger" Skin="BlackMetroTouch"></telerik:RadTextBox>
040.                                <asp:RequiredFieldValidator ID="rfvBadge" runat="server" ControlToValidate="rtbBadgeID" ErrorMessage="Required" Font-Bold="true" ForeColor="Red" Font-Size="X-Large" BackColor="Yellow"></asp:RequiredFieldValidator>
041.                            </td>
042.                        </tr>
043.                    </table>
044.                     
045.                </telerik:RadWizardStep>
046.                <telerik:RadWizardStep ID="rwsOpenLocation" Title="Location" StepType="Step" runat="server" Font-Bold="True" Font-Size="Medium">
047.                    <table>
048.                        <tr>
049.                            <td>
050.                                <asp:Label ID="lblArea" runat="server" Font-Bold="true" Font-Size="X-Large" Text="Area"></asp:Label>
051.                            </td>
052.                            <td>
053.                                <telerik:RadDropDownList ID="rddlArea" runat="server" AutoPostBack="true" Font-Size="Larger" DropDownWidth="300px" DropDownHeight="200px" Skin="BlackMetroTouch">
054.                                    <Items>
055.                                        <telerik:DropDownListItem runat="server" Text="Case Packing" Font-Size="Large" />                                       
056.                                        <telerik:DropDownListItem runat="server" Text="Kitchen - 2nd Floor" Font-Size="Large" />
057.                                        <telerik:DropDownListItem runat="server" Text="Making" Font-Size="Large"/>
058.                                        <telerik:DropDownListItem runat="server" Text="Offices - 1st Floor" Font-Size="Large"/>
059.                                        <telerik:DropDownListItem runat="server" Text="Offices - 2nd Floor" Font-Size="Large"/>
060.                                        <telerik:DropDownListItem runat="server" Text="Other" Font-Size="Large"/>
061.                                        <telerik:DropDownListItem runat="server" Text="Packing" Font-Size="Large"/>
062.                                        <telerik:DropDownListItem runat="server" Text="QA" Font-Size="Large"/>
063.                                        <telerik:DropDownListItem runat="server" Text="Receiving" Font-Size="Large"/>                                       
064.                                        <telerik:DropDownListItem runat="server" Text="Shipping" Font-Size="Large"/>
065.                                        <telerik:DropDownListItem runat="server" Text="Spice Room" Font-Size="Large"/>
066.                                        <telerik:DropDownListItem runat="server" Text="Tomato Inside" Font-Size="Large"/>                                       
067.                                        <telerik:DropDownListItem runat="server" Text="Tomato Making" Font-Size="Large"/>
068.                                        <telerik:DropDownListItem runat="server" Text="Tomato Outside" Font-Size="Large"/>                                       
069.                                        <telerik:DropDownListItem runat="server" Text="Vegetable Prep" Font-Size="Large"/>
070.                                    </Items>
071.                                </telerik:RadDropDownList>
072.                                <asp:RequiredFieldValidator ID="rfvArea" ForeColor="Red" Font-Bold="true" Font-Size="Larger" BackColor="Yellow" ErrorMessage="Required" ControlToValidate="rddlArea" Display="Static" runat="server"></asp:RequiredFieldValidator>
073.                            </td>
074.                        </tr>
075.                        <tr>
076.                            <td></td>
077.                            <td></td>
078.                            <td>
079.                                <asp:Label ID="lblMachine" runat="server" Font-Bold="true" Text="Machine" Font-Size="X-Large"></asp:Label>
080.                            </td>
081.                            <td>
082.                                <telerik:RadTextBox ID="rtbMachine" AutoPostBack="true" Width="222px" TextMode="MultiLine" MaxLength="250" runat="server" Height="40px" Skin="BlackMetroTouch"></telerik:RadTextBox>
083.                                <asp:RequiredFieldValidator ID="rfvMachine" ForeColor="Red" Font-Bold="true" BackColor="Yellow" Font-Size="X-Large" ErrorMessage="Required" ControlToValidate="rtbMachine" Display="Static" runat="server"></asp:RequiredFieldValidator>
084.                            </td>
085.                        </tr>
086.                        <tr>
087.                            <td>
088.                                <asp:Label ID="lblLine" runat="server" Text="Line" Font-Bold="true" Font-Size="X-Large"></asp:Label>
089.                            </td>
090.                            <td>
091.                                <telerik:RadDropDownList ID="rddlLine" AutoPostBack="true" runat="server" Font-Size="Larger" DropDownWidth="100px" DropDownHeight="150px" Skin="BlackMetroTouch">
092.                                    <Items>
093.                                        <telerik:DropDownListItem runat="server" Text="GnG" />
094.                                        <telerik:DropDownListItem runat="server" Text="LF" />
095.                                        <telerik:DropDownListItem runat="server" Text="MP-3" />
096.                                        <telerik:DropDownListItem runat="server" Text="MP-4" />
097.                                        <telerik:DropDownListItem runat="server" Text="Not Applicable" />
098.                                        <telerik:DropDownListItem runat="server" Text="Other" />
099.                                        <telerik:DropDownListItem runat="server" Text="QC8" />
100.                                    </Items>
101.                                </telerik:RadDropDownList>
102.                                <asp:RequiredFieldValidator ID="rfvLine" ForeColor="Red" Font-Bold="true" BackColor="Yellow" Font-Size="X-Large" ErrorMessage="Required" ControlToValidate="rddlLine" Display="Static" runat="server"></asp:RequiredFieldValidator>
103.                            </td>
104.                        </tr>
105.                    </table>
106.                </telerik:RadWizardStep>
107.                <telerik:RadWizardStep ID="rwsDesc" runat="server" StepType="Finish" Title="Problem Description">
108.                    <h2>Please enter a detailed description of the breakdown below.</h2>
109.                    <table>
110.                        <tr>
111.                            <td>
112.                                <telerik:RadTextBox ID="rtbBreakdownDesc" AutoPostBack="true" runat="server" TextMode="MultiLine" MaxLength="500" Wrap="true" Width="600px" Height="100px" Skin="BlackMetroTouch"></telerik:RadTextBox>
113.                                <asp:RequiredFieldValidator ID="rfvrtbBreakdownDesc" ForeColor="Red" BackColor="Yellow" Font-Size="X-Large" ErrorMessage="Required" ControlToValidate="rddlLine" runat="server"></asp:RequiredFieldValidator>
114.                            </td>
115.                        </tr>
116.                    </table>                   
117.                </telerik:RadWizardStep>
118.            </WizardSteps>
119.        </telerik:RadWizard>
120.    </form>
121.</body>


01.Protected Sub RadWizard1_FinishButtonClick(sender As Object, e As WizardEventArgs) Handles RadWizard1.FinishButtonClick
02.      Dim oCon2 As String
03.      Dim cmd2 As New SqlCommand
04. 
05.      'db stuff

38.      RadWindowManager1.RadAlert("Breakdown request submitted.", 300, 100, "Submitted", "")
39.      rtbBreakdownDesc.Text = ""
40. 
41.  End Sub

2 Answers, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 12 Feb 2015, 03:13 PM
Wizard.zip
Hello Doug,

I prepared a sample project based on the provided code and it works fine at my side. The FinishButtonClick is fired on the first click. Please find the page attached to this response.


Regards,
Boyan Dimitrov
Telerik
0
Doug
Top achievements
Rank 2
answered on 12 Feb 2015, 03:16 PM
Thanks Boyan.  I definitely think it is a javascript error somewhere.  I will take a look at your code and compare with mine and see if I can find anything.

thanks for the help
Tags
Wizard
Asked by
Doug
Top achievements
Rank 2
Answers by
Boyan Dimitrov
Telerik team
Doug
Top achievements
Rank 2
Share this question
or