This is a migrated thread and some comments may be shown as answers.

RadWizard control in ASP.NET AJAX?

9 Answers 276 Views

Wizard

This is a migrated thread and some comments may be shown as answers.

9 Answers, 1 is accepted

answered on 18 Dec 2014, 09:02 AM

WizardOverViewDemo.zip

Hi Lynn,

Yes RadWizard control in the Telerik UI for ASP.NET AJAX suite is available since the 2014 Q3 version as mentioned here.

I am attaching a sample page where the Overview demo is isolated with trial version of the latest official version of the control.

Hope this information will be helpful.

Regards,
Plamen
Telerik

answered on 18 Dec 2014, 01:55 PM

Late last night I ran an update of the controls followed by resetting the toolbox and I was able to get the RadWizard control to show in the toolbox. However, when I drop the control on a web page and attempt to run the site and display the page I dropped the wizard control onto, the page blows in the .axd, Please refer to the details.

Unhandled exception at line 6, column 74203 in http://localhost:55645/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,+Version=4.0.0.0,+Culture=neutral,+PublicKeyToken=31bf3856ad364e35:en-US:4ae4914f-8c8e-4123-9d05-414d87b48357:ea597d4b:b25378d2;Telerik.Web.UI:en-US:cd668efa-682a-4e93-b784-26f0724f247c:16e4e7cd:f7645509:22a6274a:ed16cbdc:24ee1bba:962f9868:73973f5b:578015a3

0x800a138f - JavaScript runtime error: Unable to set property 'control' of undefined or null reference

Any idea what I should do to get this working? This same error occurs no matter which web page or web site (solution) I put the RadWizard on. I don't even have to reference any properties of the wizard, just try to display the page.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<telerik:RadWizard ID="RadWizard1" runat="server"></telerik:RadWizard>

</div>

</form>

</body>

</html>

Accepted

answered on 27 Feb 2015, 06:37 AM

Hi,

Here is the code where the client validation worked correctly at my side:

<telerik:RadWizard ID="RadWizard6" runat="server">

<WizardSteps>

<telerik:RadWizardStep ID="RadWizardStep1" Title="Personal Info" runat="server" StepType="Step" ValidationGroup="personalInfo">

<div class="inputWapper first">

<asp:Label ID="Label3" Text="First Name: *" runat="server" AssociatedControlID="FirstNameTextBox" />

<telerik:RadTextBox ID="FirstNameTextBox" runat="server" ValidationGroup="personalInfo" Width="320px"></telerik:RadTextBox>

<asp:RequiredFieldValidator ID="FirstNameRequiredFieldValidator" runat="server" ControlToValidate="FirstNameTextBox"

ValidationGroup="personalInfo" ErrorMessage="required field" CssClass="validator" ForeColor="Red"></asp:RequiredFieldValidator>

</div>

<div class="inputWapper">

<asp:Label ID="Label4" Text="Last Name: *" runat="server" AssociatedControlID="LastNameTextBox" />

<telerik:RadTextBox ID="LastNameTextBox" runat="server" ValidationGroup="personalInfo" Width="320px"></telerik:RadTextBox>

<asp:RequiredFieldValidator ID="LastNameRequiredFieldValidator" runat="server" ControlToValidate="LastNameTextBox"

ValidationGroup="personalInfo" ErrorMessage="required field" CssClass="validator" ForeColor="Red"></asp:RequiredFieldValidator>

</div>

</telerik:RadWizardStep>

<telerik:RadWizardStep Title="SecondStep">

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

</telerik:RadWizardStep>

</WizardSteps>

</telerik:RadWizard>

Hope this will help you solve the issue.

Regards,
Plamen
Telerik