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

Jquery-steps library and GoToStep function

I came across function in jquery.steps.js library : /** * Routes to a specific step by a given index. * * @static * @private * @method goToStep * @param wizard {Object} The jQuery wizard object * @param options {Object} Settings of the…
Mithrand1r
  • 2,103
  • 7
  • 31
  • 65
0
votes
1 answer

jQuery custom rule always returning true

I am using jQuery with jQuery steps and jQuery validation. I have written some custom rules for a section of code, however, these rules are not working correctly. Here is my html code:

Second Step

…
user2985419
  • 443
  • 2
  • 6
  • 20
0
votes
4 answers

Handling events in jQuery

I am using jQuery Steps and I am wanting to handle an event called: onStepChanging. The default value is function (event, currentIndex, newIndex) { return true; } I have tried the following, with no luck: $("#wizard").onStepChanging(function…
user2985419
  • 443
  • 2
  • 6
  • 20
0
votes
1 answer

jQuery Steps plugin async demo

I am coding using the jQuery Steps plugin and have a question about the async demo. Here is the page code:

Async Content Loading Example

Async Step

…
user2985419
  • 443
  • 2
  • 6
  • 20
0
votes
1 answer

Image Zoom with jQuery Steps?

I have a "wizard" created using jQuery Steps and am trying to add the ability to zoom images (either on click, hover, etc.) but am running into issues implementing due to jquery.steps.js. Specifically, I'm trying to implement: jQuery Zoom. Although…
kalpana3
  • 21
  • 5
0
votes
1 answer

Cannot validate textboxes using jquery-steps plugin?

I am using jquery-steps plugin in my project.Initially the tabs are working fine but when i wrote the validation script both tab and validation is not working.Is there any need to reference jquery validator plugin in my project.Any help would be…
ksg
  • 3,377
  • 5
  • 44
  • 90
0
votes
1 answer

Cannot validate textbox using jquery plugin

I'm using following jquery-steps plugin in aspx page. The demo of the plugin validate textboxes before moving to the next tab.I cannot achive the same.I have used the following code
ksg
  • 3,377
  • 5
  • 44
  • 90
-1
votes
2 answers

Form submit not working with jQuery Steps

I'm using jQuery steps plugin to make a quotation form. I want to catch the form answers and then to send it by mail. But actually the form.submit() is not working. Here my html …
Virginie Duboscq
  • 1
-1
votes
1 answer

jquery steps validation only on final submit

I have a form, there are 4 steps. If I got validation error message on the first step than user able to go any of the steps and on final submit user get listing of validation error messages. I used Jquery-Steps Steps: I got validation error only…
Shubhamsingh Rajput
  • 121
  • 1
  • 4
-1
votes
1 answer

jQuery performance issues during scrolling

So I am using jQuery Steps and at the first step if I have table with 100+ rows where I am generating checboxes, inputs and drop downs for each row, whole page is slow and it is impossible to scroll (I have to wait 10 secs to scroll down, my RAM and…
JohnWayne
  • 600
  • 7
  • 24
-1
votes
1 answer

How can I create an Infographic Timeline with CSS jQuery

I want to create something like this image: Infographic Timeline Can anyone help me with this, maybe some info, some examples.
Ath
  • 1
-1
votes
1 answer

Can't access input field using jquery click function

I use Symfony to generate a form in witch i use jquery stepy and bootstrap formvalidtion. i want to handle jquery click function for some field of my form but it seems that nothing is happening. this is the jquery call : $( "#myFieldId"…
Anas
  • 11
  • 3
-1
votes
1 answer

Jquery OnFinished Start over

i'm using jquery steps to make wizard i'm not sure how to start over steps after getting in to final step. $("#etup-wizard").steps({ headerTag: "h3", bodyTag: "section", transitionEffect: "slide", stepsOrientation: "vertical", …
Gayan
  • 2,473
  • 4
  • 38
  • 75
-1
votes
1 answer

Is there a send method in JavaScript the way there is in Ruby to help DRY this up?

I am using the jquery-steps plugin and would like to call the steps initialization method on another form but with the same settings. Is there a way to tell JavaScript to do this without having to call steps again with the same settings? I'm…
Nona
  • 4,534
  • 6
  • 27
  • 57
-1
votes
1 answer

google map on jquery wizard can not load properly

I want to make google map on wizard form, but the map cannot load properly and only show a half. I tried with resizing but the map still can't show fully. Thanks
1 2 3
…
15
16