RadWizard Finish not firing on click

3 posts, 0 answers
  1. Doug
    Doug avatar
    14 posts
    Member since:
    Apr 2013

    Posted 09 Feb 2015 Link to this post

    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. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 12 Feb 2015 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Doug
    Doug avatar
    14 posts
    Member since:
    Apr 2013

    Posted 12 Feb 2015 in reply to Boyan Dimitrov Link to this post

    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
Back to Top