Stack Overflow
Stack Overflow

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
2
votes
1 answer

jquery steps add listener to the next button

In the jquery steps, When a user clicks next, I want to make sure all the blanks required are filled, otherwise, an alert will popup. For example, in one steps, there are 6 checkboxes and the user needs to choose at least one, how to add the event…
Minhui Su
  • 21
  • 1
  • 2
2
votes
7 answers

Jquery-Step Form Submit

I am trying to implement JQuery-steps plugin found here: https://github.com/rstaib/jquery-steps I cannot figure out how to submit my form. I am not using field validation at this point. Here is my JS: …
b_levitt
  • 7,059
  • 2
  • 41
  • 56
2
votes
0 answers

bootstrap-wysihtml5 doesn't work inside jquery steps

When I put my textarea which I want to be the wysihtml5-editor i get the following error message: Uncaught TypeError: Cannot read property 'document' of null at wysihtml5-0.3.0.js:5460 Here's the html-code:
TheCraccer
  • 25
  • 1
  • 1
  • 7
2
votes
2 answers

want to move jquery-steps pagination position out of its main container.

I want to place jquery-steps next and previous button out of that #wizard means main div. I want to place it at bottom of my page. I can always take custom buttons and then add pagination functionality over there. But is there any easy way of doing…
Denzz
  • 1,025
  • 2
  • 11
  • 18
2
votes
2 answers

Dynamically create steps for jQuery Steps

I am having some trouble dynamically creating some steps using the jQuery Step Wizard plugin. Here is my code: Demo
user2985419
  • 553
  • 3
  • 9
  • 23
2
votes
1 answer

Jquery Steps Wizard Select List Validation

I am using a jQuery plugin called steps to create a form wizard. Which can be used in conjunction with the jQuery validation plug in. I need to be able to validate a select list before the user proceeds to the next set of options but I haven't found…
Shamrockonov
  • 489
  • 2
  • 7
  • 19
2
votes
2 answers

Jquery Steps ->button click->go to step

I'm using the jquery steps wizard in asp.net application. I have problem with event to change step when click the button. Initailize steps in file.js var WizardFunc = function () { var wizard = null; return { WizardSet: function ()…
Jakub Klekota
  • 67
  • 1
  • 1
  • 6
1
vote
0 answers

How to wait for validation and then return the result in old JavaScript code?

I'm using jQuery-steps in a legacy codebase. The point is, I'm trying to make it dynamic and I'm stuck at asynchronistic nature of form validation. This plugin creates a multi-step form, and you can click next to navigate to the next tab. However,…
Ali EXE
  • 853
  • 1
  • 7
  • 21
1
vote
0 answers

How to combine `async:false` and `beforeSend` in AJAX?

I have an AJAX that need to have async:false and beforeSend function to work together. I have to enable loading spinner before AJAX call and stop the spinner after AJAX done, But I also set to async:false to next the step after AJAX done. I am using…
Vahn
  • 542
  • 1
  • 10
  • 25
1
vote
1 answer

Jquery validation not working for second row in table

Issue Details I am adding the rows dynamically. Code is inside JQuery steps. Jquery validation is working on first row in table but not on second row in table. I meant, when I click next without typing anything, it shows the tab as red color. But…
Pankaj
  • 9,749
  • 32
  • 139
  • 283
1 2 3
…
15 16