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

jQuery steps submit form -> step turns red

After submitting my form, jQuery steps seems to consider the submit as failed. The last step turns red. I did not find any documentation on this topic. Is the plugin expecting a particular response (type) from the server? onFinishing: function()…
user4546142
1
vote
1 answer

jquery steps - want to show the next button at the last step

I have a simple wizard that only needs a 'previous' and 'next' button. On the the third and final step, the next button launches a file uploader. So far, I have this: I did this to make it easier to reference the buttons themselves. $( document…
tomish
  • 77
  • 1
  • 13
1
vote
0 answers

Progress bar with step answers in a form

I try to make my progress bar step when I click on a next button from a survey. But I think I missed something in the actual code. My survey is composed with slider that validate the answer in a output after the click button. Could be great if help,…
Alfred Wallace
  • 33
  • 8
1
vote
1 answer

jQuery Steps Basic Example places body in wrong location

I'm trying to get the jQuery Steps Basic Example working from the documentation, but it places the bodyTag section to the right of Steps rather than underneath. Any idea why? Everything loads okay, and there's no Console errors.
Matthew Lock
  • 13,144
  • 12
  • 92
  • 130
1
vote
1 answer

Warning: Illegal string offset 'enabled' in

We are trying to break up a form into several pages using jQuery steps. The error points to the form that we're trying to create. Call to the form initially looks like this: $enable_paid_submission =…
cErApHiM
  • 15
  • 6
1
vote
2 answers

select2 not working in jquery steps

I using jQuery Steps and jQuery select2 I using select2 in step 1 and step 2 In step 1 select 2 working and looking great In step 2 select 2 not working and looking like regular drop down list How can i fix that?
BeJo
  • 11
  • 3
1
vote
2 answers

Jquery Steps not displaying properly

I've been having problem creating a Jquery Steps Form template as displayed on the website i've followed through but still have a template that displays incorrectly, please can i have some help. Code is as displayed below: …
GaryM1981
  • 21
  • 1
  • 2
  • 6
1
vote
4 answers

How to add an attribute to the finish button within jQuery-Steps?

TLDR: How would one add an 'id' attribute to the finish button within jQuery.Steps.js? When the finish button is called it looks like this within HTML: Finish This is what I want it to look like:
Pitmac1
  • 11
  • 4
1
vote
1 answer

Url of active index with p:steps

I'm using p:steps as a workflow, it works well except active index doesn't have an URL attach xhtml:
Shadowritter
  • 137
  • 1
  • 1
  • 8
1
vote
2 answers

On click button change step - jquery step

So i have this problem with JQuery step, on my first step I disabled the next button to force the user to click on 2 buttons: option 1 or option 2. When the user click in any of the 2 buttons it will go to the next step (step 2). But I don't know…
john-bright
  • 43
  • 2
  • 8
1
vote
1 answer

change the layout of jquery-steps plugin

I'm trying to reconfigure the layout of the jquery-steps plugin. I suppose it's fairly simple task.. but I can't figure it myself. I would like to swap actions div and the steps div (showed in this picture). So that actions are on top and steps at…
Jens Jarl Broe
  • 23
  • 6
1
vote
1 answer

JQuery parent selector to find step

I am using a jquery steps control. The form is posted in the onFinished() event with an Ajax request being fired off. From the server I return the following if any validation errors occur: { "ErrorMessages": [{ …
Carel
  • 2,063
  • 8
  • 39
  • 65
1
vote
1 answer

JQuery Steps in MVC6 - The correct IActionResult is not getting called in the controller on form submit

I have a Wizard capturing user information in multiple steps. My view

Type

…
sandeep
  • 17
  • 5
1
vote
1 answer

How to show loading... until whole wizard loads in jQuery-steps plugin?

I am using the jQuery-steps plugin for my wizard type form. I want to show loading... animation until the whole wizard loads completely. There is label provided for this in the plugin. I just don't know how to enable it. Any guess? Edit : Here is my…
Half Blood Prince
  • 951
  • 2
  • 13
  • 25
1
vote
1 answer

jQuery Steps and validation of multiple panels

I have a simple wizard made of three simple steps. In the first two steps I have some form controls with a couple of select control which are handled by the chosen plugin
1 2 3
…
15 16