Add basic form demo

Author: Rafael J. Staib

JSteps.v11.suo

@@ -16,6 +16,7 @@ public static void RegisterBundles(BundleCollection bundles)
                 .Include("~/Scripts/prettify.js"));
             bundles.Add(GetBaseScripts("~/Scripts/Examples")
                 .Include("~/Scripts/jquery.steps.js")
+                .Include("~/Scripts/jquery.validate.js")
                 .Include("~/Scripts/prettify.js"));
 
             bundles.Add(GetBaseStyles("~/Content/Base"));

JSteps/App_Start/BundleConfig.cs

@@ -116,7 +116,7 @@
     position: relative;
     display: block;
     width: 100%;
-    height: 300px;
+    height: 400px;
     overflow: hidden;
 }
 

JSteps/Content/examples.css

@@ -165,6 +165,8 @@
     <Content Include="Scripts\jquery-1.10.2.min.js" />
     <Content Include="Scripts\jquery.steps.js" />
     <Content Include="Scripts\jquery.steps.min.js" />
+    <Content Include="Scripts\jquery.validate.js" />
+    <Content Include="Scripts\jquery.validate.min.js" />
     <Content Include="Scripts\prettify.js" />
     <Content Include="Scripts\social.js" />
     <Content Include="Scripts\tracking.js" />

JSteps/JSteps.csproj

@@ -1,5 +1,5 @@
 /*! 
- * jQuery Steps v1.0.0pre - 08/13/2013
+ * jQuery Steps v1.0.0pre - 08/14/2013
  * Copyright (c) 2013 Rafael Staib (http://www.jquery-steps.com)
  * Licensed under MIT http://www.opensource.org/licenses/MIT
  */
@@ -427,7 +427,7 @@ function paginationClickHandler(event)
     event.preventDefault();
 
     var anchor = $(this),
-        wizard = anchor.parents(":has(.steps)"),
+        wizard = anchor.parent().parent().parent().parent(),
         options = getOptions(wizard),
         state = getState(wizard),
         href = anchor.attr("href");
@@ -793,13 +793,12 @@ function startTransitionEffect(wizard, options, state, index, oldIndex)
         case transitionEffect.slideLeft:
             var outerWidth = currentStep.outerWidth(true),
                 posFadeOut = (index > oldIndex) ? -(outerWidth) : outerWidth,
-                posFadeIn = (index > oldIndex) ? outerWidth : -(outerWidth),
-                posLeft = 0; //currentStep.parent().position().left;
+                posFadeIn = (index > oldIndex) ? outerWidth : -(outerWidth);
 
             currentStep.animate({ left: posFadeOut }, effectSpeed, 
                 function () { $(this)._hideAria(); }).promise();
             newStep.css("left", posFadeIn + "px")._showAria()
-                .animate({ left: posLeft }, effectSpeed).promise();
+                .animate({ left: 0 }, effectSpeed).promise();
             break;
 
         default:
@@ -814,7 +813,7 @@ function stepClickHandler(event)
     event.preventDefault();
 
     var anchor = $(this),
-        wizard = anchor.parents(":has(.steps)"),
+        wizard = anchor.parent().parent().parent().parent(),
         options = getOptions(wizard),
         state = getState(wizard),
         oldIndex = state.currentIndex;