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

jQuery-Steps OnFinishing event missing CurrentIndex argument

I am using jQuery steps and everything seems to be working except I want to have a Finish/Save button for all the steps and perform different actions. Although according to its documentation the OnFinishing event has currentIndex as its argument, it…
Shermin
  • 158
  • 7
2
votes
1 answer

How to incorporate progress bar in vertical form step with validation

I have used the Vertical Form Step from the below Jquery steps http://www.jquery-steps.com/Examples It's working fine. Now I want to show the progress bar with validation when I click the next button without bootstrap. Can anyone please help to make…
Script Host
  • 595
  • 3
  • 13
2
votes
1 answer

jquery checkbox required not working using jquery validate plugin

I am using jquery validate plugin with jquery steps, the checkbox need to be checked in first step to continue. And the checkbox validation isn't working. here is the code
Rohit
  • 598
  • 5
  • 18
2
votes
1 answer

How to Validate only number upto 3 digit in each Step using jquery-step

Hello trying to make step by step body measurement form using jquery stepjs https://github.com/rstaib/jquery-steps/ my code submit the data on finish but need help on validation of the field that it should max 3 digit number that is the measurement…
Junaid Khan
  • 27
  • 5
2
votes
1 answer

How to add customize Prime NG components

My project is using Prime NG components. There is one requirement which is not provided by Prime NG as of now in their p-steps component. I want to customize Prime NG p-steps component. Is there any way to create one new component under Prime NG…
saurabh gupta
  • 53
  • 7
2
votes
2 answers

icheck not working in jquery-steps wizard

I am using jquery-steps wizard in one of my projects. I have some checkboxes in my form which I am customizing using jquery icheck plugin found here http://icheck.fronteed.com/ But this is not working within jquery steps wizard but as soon as I put…
Vinod
  • 31
  • 1
2
votes
0 answers

jquery steps briefly shows next step when next button is clicked

i am using jquery steps. when i click the next button to view the next step, i briefly see the next step load under the current step. i'm using the default logic provided by the steps example page, but it is not adding the slide effect for the step…
Zach Smith
  • 4,778
  • 22
  • 72
  • 116
2
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
  • 23
  • 4
2
votes
1 answer

jquery steps add listener to the next button

In the jquery steps, When a user clicks next, I want to make sure all the blanks required are filled, otherwise, an alert will popup. For example, in one steps, there are 6 checkboxes and the user needs to choose at least one, how to add the event…
Minhui Su
  • 21
  • 1
  • 2
2
votes
1 answer

How to stay on same wizard on refreshing the page in Jquery-Steps?

I am using jQuery-Steps plugin for my wizard type form. Now I want to stay on same wizard when I refresh the page. How do I do that?
Half Blood Prince
  • 455
  • 1
  • 8
  • 20
2
votes
0 answers

tagsinput not working in jquery steps

I want my tagsinput in jquery steps form, but it's not working. please help

Account Information

…
Gema
  • 19
  • 1
2
votes
0 answers

Ajax call in Jquery Steps Wizard

I am using jQuery-Steps wizard. On navigation from one wizard to another i am trying to post the form via ajax. Ajax is not getting recognised. PFB the code: $("#frmTest").steps({ headerTag: "h2", bodyTag: "section", transitionEffect:…
Vinay
  • 33
  • 4
2
votes
1 answer

jquery steps - content floating right

I tried running the basic example in a clean page. By default my content box sits off to the right rather than below the step buttons: Here's the code: Demo …
b_levitt
  • 6,393
  • 2
  • 34
  • 45
2
votes
0 answers

bootstrap-wysihtml5 doesn't work inside jquery steps

When I put my textarea which I want to be the wysihtml5-editor i get the following error message: Uncaught TypeError: Cannot read property 'document' of null at wysihtml5-0.3.0.js:5460 Here's the html-code:
TheCraccer
  • 25
  • 1
  • 1
  • 6
2
votes
2 answers

want to move jquery-steps pagination position out of its main container.

I want to place jquery-steps next and previous button out of that #wizard means main div. I want to place it at bottom of my page. I can always take custom buttons and then add pagination functionality over there. But is there any easy way of doing…
Denzz
  • 1,015
  • 2
  • 11
  • 18
1 2
3
…
15 16