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
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
  • 479
  • 3
  • 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
  • 376
  • 3
  • 15
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
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,174
  • 1
  • 17
  • 32
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
  • 95
  • 4
  • 14
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
3 answers

How to use jquery steps wizard with right to left steps

I'm using jquery-steps plugin to make a wizard, but the problem is I can not make the steps right to left aligned. .e.g: my steps: 1.step one 2.step two my expectation: 2.step two 1.step on (also i'm using an rtl language :) ) note: i'm using…
f.bazak
  • 33
  • 4
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
  • 321
  • 1
  • 6
  • 18
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
  • 6,977
  • 12
  • 47
  • 104
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,779
  • 25
  • 90
  • 152
3
votes
2 answers

using jquery steps ,how can we load last step directly

I am new to jquery steps,I have requirement to load last step directly once form is loaded. Can anybody suggest how can I achive this?
user3683342
  • 43
  • 1
  • 6
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,232
  • 4
  • 22
  • 42
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
1
2
3
…
15 16