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
1
vote
0 answers

Integrating jquery steps plugin with rails

I am building a multistep form in rails. I have opted to go the jquery route and use the jquery-steps plugin. The form isn't being split up into two different forms- the form is simply just staying together on one page. The jquery-steps plugin is…
Questifer
  • 1,113
  • 3
  • 18
  • 48
1
vote
2 answers

JQuery-Steps: How to customize the next button for each step?

I am using JQuery Steps, which works great. But I cannot figure out how to change the text on the "Next" button such that it's different for each step. Is there a way to do that, maybe inside the onStepChanged method?
Josh Sirota
  • 71
  • 3
  • 7
1
vote
2 answers

Submit each step and then next in bootstrap wizard

Actually I have to design a form with multi steps. Using bootstrap wizard I tried alot but it jumps to the first step when one step(form) is submited. How can I prevent it from going to the first step and to go to the next step after successfully…
Sahib
  • 49
  • 1
  • 1
  • 4
1
vote
1 answer

Jquery-steps nested wizard

I try creating nested wizard with jQuery Steps plugin. On the official site written Multiple wizards Have multiple wizards on one page or even have nested wizards like you want. site -> http://www.jquery-steps.com/GettingStarted But when I…
HEX
  • 1,647
  • 2
  • 15
  • 29
1
vote
1 answer

Jquery steps plugins conflict with CKeditor RTE plugins

Hi guys I am using this http://www.jquery-steps.com/Examples as my wizard form plugins. I notice that it has a conflict with Ckeditor plugin with an error of Uncaught TypeError: Cannot read property 'unselectable' of null. I just tried the solution…
Terinah14
  • 153
  • 1
  • 2
  • 13
1
vote
2 answers

call method on click finish button jquery-steps

i'm using jquery-steps plugin and my site is on C# webforms. how to call method on click finish button. here is js onFinished: function (event, currentIndex) { var form = $(this); form.submit(); } and c#…
DSI
  • 279
  • 1
  • 6
  • 16
1
vote
1 answer

Combining jQuery-Steps and Semantic UI

Trying to combine jQuery-Steps (http://www.jquery-steps.com) and Semantic UI (http://semantic-ui.com), code is below. SemanticUI validation loses inline popups, need help. Also, when moving to the next step, how to validate Semantic UI fields…
user3386514
  • 41
  • 2
  • 7
1
vote
2 answers

jquery ui 's autocomplete not working inside form wizard

I'm using jquery steps as a form wizard and I need to implement the autocomplete of jquery UI in a field inside the form wizard, but the autocomplete is not working, when I put the field out of the form, it works, this is the code that I…
MedYasser.alkahf
  • 215
  • 4
  • 14
1
vote
1 answer

Using jQuery Mobile with jQuery Steps

I am looking to create the front-end for an application form that will display & navigate as a multi-step wizard. I have built a single, vertical HTML page using jQuery Mobile 1.4.0 and have gotten that working quite nicely. I then added jQuery…
Delorian
  • 330
  • 1
  • 3
  • 13
1
vote
4 answers

Can't bind events to inputs within jquery.steps wizard

I am using the Wizard from http://www.jquery-steps.com/. Everything with the wizard works pretty smooth, but when I try to bind an event to the input fields within that wizard, it is not working. The following is the essential code for the…
Suthan Bala
  • 3,209
  • 5
  • 34
  • 59
1
vote
4 answers

Basic jquery Steps Wizard

Been trying to do this for a while now, but it seems all jquery steps/wizard plugins are very limited and was hoping you guys are able to help me out a little. What i'm trying to do is a very basic 3 steps wizard via jQuery. So at beginning it only…
Jack Johnson
  • 593
  • 4
  • 11
  • 23
0
votes
0 answers

Use a separate form in Jquery step

I want to use a form inside the jquery-step,But when I do thisو The step is completely lost;
fatemeh garshasbi
  • 21
  • 2
0
votes
0 answers

jQuery Steps right align

I am working on an Arabic website and I am using jquery steps wizard. my problem is that I am unable to move/ align steps to the right side of the page. I am able to move using CSS but the page won't get responsive…
Farruk
  • 31
  • 1
  • 9
0
votes
0 answers

Canvas into Jquery Step

I've got a strange problem, I would like to make a signature pad (https://github.com/szimek/signature_pad) into a beautiful jquery step. But my signature pad CANVAS, works only if is after If not, I can't write nothing…
Arnaud
  • 81
  • 1
  • 10
0
votes
0 answers

Allow cloning btn to function in Jquery steps form wizard

I am porting my form into using the JQuery steps form wizard. My form has a form field cloning function (Tristan Denyer's clone-form-td) which is triggered by a button. But the wizard disables my cloning button and hence prevents the cloning…
Diin
  • 565
  • 11
  • 41
1 2 3
…
15 16