Questions tagged [jquery-steps]

jQuery Steps is a smart UI component which allows you to easily create wizard-like interfaces. This plugin groups content into sections for a more structured and orderly page view.

Homepage

http://www.jquery-steps.com/

Docs

https://github.com/rstaib/jquery-steps/wiki

Examples

http://www.jquery-steps.com/Examples

Syntax

$("#example-basic").steps({
  headerTag: "h3",
  bodyTag: "section",
  transitionEffect: "slideLeft",
  autoFocus: true
});
<div id="example-basic">
  <h3>Keyboard</h3>
  <section>
    <p>Try the keyboard navigation by clicking arrow left or right!</p>
  </section>
  <h3>Effects</h3>
  <section>
    <p>Wonderful transition effects.</p>
  </section>
  <h3>Pager</h3>
  <section>
    <p>The next and previous buttons help you to navigate through your content.</p>
  </section>
</div>
236 questions
1
vote
1 answer

Emberjs nested components jquery on initialization

I keep running into problems with nested components in EmberJS with component initialization. I am trying to use jquery.steps (http://www.jquery-steps.com/) to create a wizard. I have a wizard component, and I want to have each step as a component…
Asagohan
  • 583
  • 5
  • 19
1
vote
1 answer

Chosen not working inside the form using jquery-steps

Chosen (chosen.jquery.js) is not working inside the form, after applying jquery-steps. If that code runs outside the form that is used for jquery-steps, it works perfectly fine. I am also having the same problem with datePicker inside the…
Gabriel
  • 11
  • 1
  • 2
1
vote
1 answer

Peter Blum validators not firing inside of JQuery Steps wizard

I am using JQuery Steps to set up a wizard in a WebForms project, and using Peter Blum's VAM validators to make sure the input is good. Here is an example of the first step in my process:

Step 1

tmesser
  • 7,558
  • 2
  • 26
  • 38
1
vote
1 answer
1
vote
1 answer

jQuery-steps Formwizard and CakePhp not submitting

I have a webform in my CakePHP application (2.5.4), and I am using the jQuery-steps (1.1.0) in conjunction with jQuery Validate plugin (1.13.1) to make it a multistep form. All seems to be going well, but the form is not being submitted. Does…
AnuragBabaresco
  • 604
  • 8
  • 19
1
vote
0 answers

Using ngModel inside custom directive with compile

I'm creating a directive wrapper for jQuery Steps (https://github.com/rstaib/jquery-steps). Inside the directive i want to be to databind with ngModel on each of the steps in the wizard that it creates. The databinding however is not working, it…
morteng
  • 1,133
  • 2
  • 9
  • 22
1
vote
1 answer

Transclusion within nested element with jQuery Steps

I'm attempting to integrate jQuery Steps (Wizard generator) in an Angular.js application with a nested Google Maps element from angular-google-maps (https://github.com/angular-ui/angular-google-maps). However, I get this…
1
vote
0 answers

tooltipster error : already referred initialisation

I am using MVC View with HTML helper form with jQuery Steps. And, working on the validation . But tooltipster always fail with initialization. Have already gone through all the post. But somehow not working. My code snippets as below Script:
1
vote
1 answer

jQuery Steps Remove Action Buttons

I'm using the jQuery steps plugin to break down large forms into manageable steps but I want to remove the action buttons (next, previous, finish etc) I have enabled the enableAllSteps attribute so the users can navigate the form this way…
twigg
  • 3,753
  • 13
  • 54
  • 96
1
vote
0 answers

The jQuery Steps behaviour changes during the Google Chrome debugging

I use jQuery Steps with tabs style for my new little .NET MVC application. Here is some tabs and one button for moving to the next step. And by default everything is awesome! But! When I open the Google Chrome JavaScript debug window (the Sources…
SashkaCosmonaut
  • 413
  • 8
  • 18
1
vote
2 answers

JavaScript Deferred in Custom Event

I'm having problems waiting for a deferred to complete when using the deferred in the onStepChanging event on the jQuery plugin "jQuery-Steps". This plugin is documented at http://www.jquery-steps.com/. The step returns immediately instead of…
Justin Russell
  • 488
  • 2
  • 10
1
vote
3 answers

Jquery Steps : Disable tabbed navigation

It's the first time I post here, even if I've been using this site for quite a long time now. Here is my issue : I'm using jquery-steps to create a validation/checkout form and I'd like to disable tab navigation, which allows users to jump between…
MrVonKitty
  • 55
  • 1
  • 7
1
vote
1 answer

Problems using jquery-steps

I've been looking for a jQuery plugin that has tabbing and validation. I've found and I'm trying to use jquery-steps and I can't seem to get it to work. I'm using jQuery 2.1 (included in the Scripts.jsp). Here's my code: Jsp:
NuAlphaMan
  • 713
  • 4
  • 12
  • 25
1
vote
2 answers

Icons on jquery-steps "Next" and "Previous" Buttons

I'm using jquery-steps on a project. But i can't find any way to add an icon to the Previous or Next buttons. I modified the javascript with the following code: labels: { next: "»", …
ccquir
  • 37
  • 1
  • 6
1
vote
1 answer

Django Form Wizard with Jquery steps

How would one get Django forms wizard to work with Jquery steps (http://www.jquery-steps.com/Examples#tabs)? Would I have to manually write out the html instead of using Django form? Sorry I know this a very vague and general question but I just…
jtd92
  • 359
  • 2
  • 6
  • 16