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
4
votes
3 answers

How to disable NEXT button on step 1 of FuelUX Wizard

I am creating a wizard control pages using the FuelUX wizard plugin http://getfuelux.com/javascript.html#wizard And I am trying to disable the NEXT button only on the STEP1 of the wizard. Kindly check this image for better…
MercuryUIX
  • 71
  • 2
  • 6
4
votes
2 answers

jquery.steps and validation not working - form content not visible (invisible)

I already asked this question once, and got a few useful replies, marked it as answered and applied everything. It seemed like it worked, but sadly it doesnt. The problem is: The forms within the different steps fields are empty. Well, I can't tell…
RichiMartin
  • 81
  • 2
  • 10
4
votes
2 answers

Using API to change settings in jquery-steps

How do I change the settings in query-steps using the API? I'm trying enable all the steps if I am in an Edit mode for a form. I tried using: var wizard = $("#wizard").steps(); wizard.steps({ enableAllSteps: true }); Apparently this…
Steve Loo
  • 266
  • 3
  • 12
4
votes
3 answers

jquery-steps: how to prevent page scrolling to top?

I'm testing the jquery-steps plugin, and if I click on the Next or Previous button (on the bottom) and the window top is below the steps' div top (i.e. this happens if my browser window is just too short in height), the scroll jumps to the body…
godzillante
  • 1,079
  • 1
  • 15
  • 26
4
votes
5 answers

jquery-steps into a angularjs directive

I am working on my first angularjs directive. I was hoping to wrap jquery-steps (https://github.com/rstaib/jquery-steps) into a directive. My issue comes when I try to bind inputs or expression inside the content of the steps to controller models…
majorlazer
  • 118
  • 1
  • 7
4
votes
3 answers

How to add a "reset" button to JQuery-steps

I haven't seen this question asked - though I did read probably 100 jQuery-steps about similar topics - none seemed to solve my issue. I'm using jQuery-steps and would like to add a "reset" button after the first step is completed - in case my user…
JPFotoz
  • 69
  • 3
  • 12
3
votes
3 answers

jQuery-steps: disable submit on click

I want to disable the Finish button in a jQuery-steps form once it has been clicked. Currently, users are able to repeatedly submit the form by clicking the Finish button multiple times. There are a couple suggestions on how to approach this that…
LToohey
  • 65
  • 1
  • 8
3
votes
1 answer

How to change width of tabs in jQuery Steps Plugin

I am using jQuerySteps Plugin to create tabs. I have four section and thus 4 tabs and they work prefectly fine. But I want each tab to have different percent of width. As of now each of them gets 25%. But I want to manually assign them the width. I…
Unbreakable
  • 6,201
  • 15
  • 62
  • 126
3
votes
2 answers

How to get JQuery-Steps to call an ajax service when clicking 'next' on step 1

I'm using jquery steps although I need to call a c# service via ajax when the first 'next' is clicked, is this possible to be called and returned before the step 2 is displayed? The following code works although the ajax event returns after step 2…
Jamie
  • 191
  • 2
  • 16
3
votes
1 answer

Adjusting Size on Steps so all fields will fit

I am trying to figure out how I can adjust the background size based on what step the user is on so that all fields will show for each step. Is it possible to adjust the size based on what step they are on? I have tried css and js and am failing and…
David Brierton
  • 5,217
  • 10
  • 38
  • 83
3
votes
4 answers

Disable button until specific action is taken with jQuery Steps?

i'm having an issue with the jQuery Steps plugin. The next button has to be disabled until a specific action is taken, and it should be enabled if the data is properly validated. So the question is: how can I set the next button to be disabled by…
Andres SK
  • 10,054
  • 20
  • 85
  • 138
3
votes
1 answer

How to sumbit a form wizard using jQuery steps

I have installed jQuery steps, and want to make a form with a step wizard. Problem is how to sumbit the form with PHP when the "Finish" button appears. All the code below works, exept the handling of the last submit. My form example code:
sdfgg45
  • 1,132
  • 4
  • 16
  • 31
3
votes
1 answer

JQuery Steps: how to disable a step?

I am using JQuery Steps, which has been excellent. But some things are proving tricky. Suppose I am on step 2. Depending on what is selected in my form, I might want to skip directly to step 4 when "next" is clicked, and further, disable the step 3…
Josh Sirota
  • 71
  • 3
  • 7
3
votes
3 answers

disable finish button after onfinish event jquery.steps

I use jquery.steps but I fail to disable the finish button after it has been pressed. This is my initialze of the component: $("#wizard").steps({ onFinished: function (event, currentIndex) { //Do Function }, labels: { …
Kaizer
  • 653
  • 3
  • 9
  • 20
3
votes
1 answer

Jquery-Steps : going back stucks with end less loop, if you skipped a step before

I am implementing jquery-Step Advance Form Here i need to skip a step if age is less than 18, That's a similar example working in above link, when i tried to implement the same , It goes well for skipping a step but once i need to go back on…
Mayank
  • 795
  • 1
  • 12
  • 32
1
2
3
…
15 16