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

Go to specific step?

I want to use the plugin jquery-steps with the enablePagination property set to false (without "previous" and "next" button). How can I go to the next step ? What function should I call ?
dooms
  • 1,317
  • 2
  • 12
  • 26
-1
votes
1 answer

How to include jquery steps plugin

I have been trying to run a basic jQuery steps example but an not able to do so. Is there something wrong with this code? the jquery.steps.js plugin is in the same folder as the html doc
user962339
  • 85
  • 1
  • 2
-1
votes
1 answer

jQuery.steps--how to clear a wizard

I have created a form with 5 tabs in jquery-steps. How to clear the form, once a i close the form and again reopen i get all fields are filled with the values. I want to reset the form without page refresh.. Thanks
chill out
  • 1
  • 1
-1
votes
2 answers

Using jquery plugin in aspx page?

This is the first time im using a jquery plugin and i want to use this jquery plugin into my aspx page.I havent seen any kind of documentation on how to use the plugin on the website. Amy documentation on how to use the plugin will be very helpful
ksg
  • 3,377
  • 5
  • 44
  • 90
-2
votes
1 answer

Javascript submit button URL

I am using Free Bootstrap Wizard. https://www.bootstrapdash.com/product/free-bootstrap-wizard/#product-demo-section wizard code http://www.jquery-steps.com Trying to redirect the user to register-success.html page after click finish button. Here is…
-2
votes
1 answer

How I can submit my jquery steps form to a PHP file?

I have created a form via jquery steps and a lot of inputfields. But if I click on "Finish" - then nothing happens. How I can submit the entries(values) of the form via POST to my form.php page? Would be great if Someone Here can help me. Thank you…
-2
votes
1 answer

Avoid scrolling top when validate condition is not meet

I am using jquery-steps for a long form with manu required field. My concern is that each time a condition fails, the page scrolls to the top. It is particularly annoying on the "terms & conditions" pages which is very long, if the user doesn't…
Jibeji
  • 355
  • 2
  • 8
-2
votes
2 answers

Make radio buttons over power background image

I am using jquery steps and icheck with bootstrap. The problem I am having is with my jquery steps I can not get the icheck radio buttons to work. In the picture below when you try to change the radio buttons in the table nothing happens. But on the…
David Brierton
  • 5,217
  • 10
  • 38
  • 83
-3
votes
1 answer

How to forward steps in jQuery-Steps using javascript

Here is my JS code, I want to use javascript to make my wizard next step but I don't know what code I should write. $("#wizard").steps({ headerTag: "h3", bodyTag: "section", transitionEffect: "slideLeft", autoFocus: true, onStepChanging:…
WCMC
  • 1,264
  • 3
  • 15
  • 30
-5
votes
1 answer

Unable to skip the Jquery-step

I am using Jquery-steps in a modal.In series of steps in that modal, I want to skip a step on certain conditions.Jquery-steps has h1 tag and fieldset tag. I am hiding the h1 tag as follows $("#form-t-4").hide(); And I am hiding the fieldset…
Ramsad
  • 53
  • 1
  • 11
1 2 3
15
16