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

How can jquery steps pagination button's position change in modal

I have a modal and i use jquery steps inside it. I want to change steps's buttons prev next and submit position to inside modals footer. I tried to solve it appending button's div to inside modal footer but buttons didn't work. How can i solve it ? …
Trinity
  • 486
  • 8
  • 27
1
vote
1 answer

How to make JQuery Steps form to use Keyboard Keys to go forward and Backward

I have created a JQuery Steps based form but the form only goes to next when I click the button. But I want to use The Keyboard Enter key to forward and backspace key for backward function. Not sure how to achieve it. My Form HTML is
Abhishek
  • 91
  • 5
1
vote
0 answers

Go to a div with jquery steps

I am using some jquery steps plugin on my page. Whit this code, i can go to the next or the previous div. If i click the #modify_contact button, how can i go to the #step-2 div? I dont copy the html oce, because its just divs with id-s, nothing…
max777
  • 143
  • 5
  • 18
1
vote
1 answer

jQuery Steps stop next step if the input is not valid

I have a simple form with jquery steps and jquery validate. I have a lot of field with specific format (example: only accepting one of these numbers /^(6|8|10|12)$/). I'm using regex to check input format so that user know there is something wrong.…
user45268
  • 23
  • 1
  • 5
1
vote
0 answers

How to use Croppie in steps js or tab js? It dosn't work in steps js

I need to use Croppie Js for upload and crop image in Steps Js. But it doesn't work. when I disabled Steps it works correctly. I dont know what is the problem. I test it in Bootstrap Modal too, but it doesn't work neither. Could you please check the…
Camelia
  • 93
  • 7
1
vote
0 answers

Jquery Steps Reload Current Async Page

I am trying to reload the current step that I am on. I have 3 steps and I need to reload the page after making changes within it. I am using the async steps so it loads a url on each step. In the https://github.com/rstaib/jquery-steps/wiki I am…
Jed
  • 929
  • 2
  • 19
  • 32
1
vote
1 answer

jQuery validation for multiple input fileds

I have 4 input fields as below screen. Code is below.
Sumith Harshan
  • 6,325
  • 2
  • 36
  • 35
1
vote
1 answer

jQuery Steps - reset to the main step

I have referred to these links for resetting to first step, but didn't help. jQuery Steps - reset wizard without page reload How to add a "reset" button to JQuery-steps jQuery Form Plugin API I have added custom Submit button on the last step.…
Keyur
  • 1,113
  • 1
  • 23
  • 42
1
vote
1 answer

How do I return the result of an AJAX call from jQuery.steps?

I know a very similar question was asked and answered here, but the answer there doesn't work for me. I don't know if I'm doing something wrong, or if there has been a change in either jQuery or jQuery.steps in the last 18 months. In the…
DreamingOfSleep
  • 1,208
  • 1
  • 11
  • 23
1
vote
0 answers

Rails Using Ajax to Submit a Wizard Form Is Not Saving Object

I am using the Jquery Steps plugin to create a wizard for the User to create an object. At first, it wasn't saved into the DB and I was told I would have to use AJAX to save the data from the JavaScript to the Rails database. After speaking to a…
Luis Mejia
  • 87
  • 1
  • 11
1
vote
0 answers

How do you add a "Next" button in a section in jquery-steps?

Link

Welcome to the sign in wizard. Please link your account if…

Micheal Myers
  • 11
  • 3
1
vote
2 answers

How to have two buttons in JQuery Steps

I really need some help here. So I am using one Jquery Steps PlugIn. Now in this PlugIn when we go to the last tab it has a button name as "Finish" when clicked calls "onFinishing" Method. onFinishing: function () { var loadedPrefix =…
Unbreakable
  • 7,776
  • 24
  • 90
  • 171
1
vote
0 answers

AngularJS updating model from directive

I have an Angular directive, which displays account details for a user to be able to amend and update. I'm using the link function in the directive to fire some javascript after the directive is rendered. My problem is when the value's in the input…
Zuby
  • 41
  • 4
1
vote
2 answers

How to delay jquery step function response

I m using jQuery-step library with a form combining the formvalidation.js . i want to delay below method response until ajax complete. i want to send return true/false when ajax complete. onStepChanging: function (e, currentIndex, newIndex) { …
Noman
  • 4,088
  • 1
  • 21
  • 36
1
vote
1 answer

Disable and change color of submit button in jQuery Steps

I've looked at similar questions but no solutions have worked so far. I'm using a jQuery Steps form and I'm trying to disable the submit button on click and also change the appearance. I've tried using: $('finish').attr('disabled',true); But that…
greatbearshark
  • 165
  • 1
  • 2
  • 8
1 2 3
…
15 16