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>

235 questions
23
votes
15 answers

Going to a custom step with jQuery-steps

I am using a jQuery-steps on my app to for a wizard-like situation. I am having trouble finding out how to change to a custom step though. Any help with this one? $(function () { $("#wizard").steps({ headerTag: "h2", bodyTag:…
Capuchin
  • 2,939
  • 5
  • 24
  • 37
18
votes
10 answers

jQuery wizard steps move before ajax call completed

How can I control the move to next step according to the result of some ajax call?? the data.d returns with a bool value $("#wizard").steps({ onStepChanging: function (event, currentIndex, newIndex) { var move = false; …
heeema
  • 193
  • 1
  • 1
  • 7
15
votes
5 answers

How to set a dynamic height on content for each step?

I'm using Jquery steps wizard plugin. The problem I am having is that each step of the wizard has content of a different height. The css included with the examples to control the height for the content is .wizard > .content { background: #eee; …
sfuptown
  • 257
  • 1
  • 5
  • 14
12
votes
4 answers

Changing the name of a button in jquery-steps

I have included the jquery-steps plugin. How can I change the buttons texts? Now it says "finish" I want to change that into "go" Thanks
Brampage
  • 3,519
  • 2
  • 27
  • 43
10
votes
1 answer

Select2 not working in Jquery-Steps

I installed Jquery-steps plugin and select2 plugin. I put select2 box inside the Wizard form (jquery-steps) and it doesn't work. The list values are not exported in . Outside the wizard select2 works fine.
DecoderNT
  • 984
  • 8
  • 18
8
votes
1 answer

Nested jQuery Steps - Nothing displays on Main Next

I have a simple html form with nested jQuery steps. The Main wizard has 5 steps and the 3rd step has a sub wizard containing 3 steps. When clicked on "Next" of main wizard, step is moved and the content is displayed but after the 3rd step (the one…
Consult Yarla
  • 1,070
  • 9
  • 21
8
votes
5 answers

jQuery Steps - reset wizard without page reload

I am using jQuery steps ( https://github.com/rstaib/jquery-steps/wiki ) in order to create step by step form to users to fill out. It works great, however I need to be able to reset it. Once user submitted the form (using ajax so the page doesn't…
MeIr
  • 7,044
  • 6
  • 40
  • 70
6
votes
6 answers

How do I get the current step in jQuery steps wizard?

I'm looking for a way to get the current step in my jQuery Steps wizard. I would like to perform an action if the current step is step 1.
PaulG
  • 6,419
  • 10
  • 49
  • 93
6
votes
1 answer

jQuery steps won't render correctly

The HTML: TEsT
kmansoor
  • 3,893
  • 9
  • 46
  • 86
6
votes
3 answers

jquery-steps | send data to server on ajax content load

I'm using: http://www.jquery-steps.com/Examples#async in my project. It's a nice Jquery-plugin for adding wizards. My question is about dynamic steps. The content of the next step should depend on the answer of the previous step. How can I send…
user2779014
  • 65
  • 1
  • 3
5
votes
4 answers

Removing Previous Button on First Step jQuery Steps

I'm using jQuery Steps for my site signup wizard, works awesome with the exception that on the first step I'm getting the previous button, which really makes no sense since there is no previous content. I looked at the onInit() function in the API…
Vince Kronlein
  • 2,994
  • 4
  • 36
  • 60
5
votes
2 answers

Form Validation on Jquery-steps: undefined is not a function on .validate() function

I don't understand whats going on. Im trying to implement the form validation with the Jquery-steps and when I click the next button, my form should be validated. But it is not and it is returning an error on validate function. Here is my…
Terinah14
  • 153
  • 1
  • 2
  • 13
4
votes
1 answer

JQuery steps: How to show/hide an additional step based on user input

I am using jquery-steps to create an "interactive" two/three step form. One thing I am trying to achieve is to show/hide an additional step after step 2 (which would normally be the final step) which would be the new final step based on the value of…
Codingmedic
  • 55
  • 1
  • 8
4
votes
1 answer

Use jquery-steps with FormGroup in Angular2

Please see the following examples. I have loaded jquery and jquery-steps into the project already and it is working. However after rendering the view, changing the data in the input boxes doesn't update the values in the form group mainForm. I…
Nicholas
  • 319
  • 1
  • 12
4
votes
4 answers

How to upload image through jQuery Steps

I know how to upload images by ajax but I want to upload images via jQuery steps. I've tried multiple ways but its not not working. If anyone has ever done that please help me. Thanks. HTML
nerdyDev
  • 368
  • 3
  • 15
1
2 3
…
15 16