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

Redirecting to a specific wizard step

Am redirecting to a specific step in the wizard after clicking a button from another page. Where do I need to set it up from? This is to enable a user to click f from another page so that it directs them to a chosen step on the wizard. I want when…
mutts
  • 3
  • 5
0
votes
1 answer

JQuery-steps dynamically add steps to a form and pass all of the objects to the controller

I have a form and this form can dynamically have 1 - n records added to it before it's passed to the controller with data. This is the ViewModel of the form public class AddFieldDataViewModel { public int SampleID { get; set; } public…
Braden
  • 135
  • 1
  • 11
0
votes
1 answer

How to do ajax validation synchronously

I have a wizard/form using JQuery Steps to add a customer to our internal website and I need to validate an email/telephone/name server side to check for preexisting customers. PHP returns the number of matches. If they don't exist, JQuery Steps has…
ross9998
  • 1
  • 1
0
votes
0 answers

How to customize jquery step wizard

Am working on a step wizard using jquery-steps library. But the problem am getting is the cancel button which redirects the user to another section keeps on regenerating even when I select the next button. How can I create it to be able to only…
mutts
  • 3
  • 5
0
votes
2 answers

How to customizer jquery step

Am creating a step wizard using jquery-step library but I have failed to customize it. How can I customize it to replace the previous and next buttons when the user slides to the 3 step of "confirm in details" with yes or no buttons. This is the…
mutts
  • 3
  • 5
0
votes
1 answer

Jquery step plugin get to next step from ajax success

I using jquery step plugin with form validater to verify whether input is inserted (not empty at required column) and validate by ajax response (check value from backend). Purpose: click next and go step 1 wizard (from step 0) after ajax response…
JohnnyCc
  • 525
  • 1
  • 8
  • 23
0
votes
0 answers

Laravel - Uncaught ReferenceError: jQuery is not defined - at jquery.steps.min.js:6

I have bought a html theme to use for building my project and am wanting to use the form steps displayed in the demo but when importing into my own project I am getting errors and the form styling/functionality isn't working. Console error…
Alex
  • 54
  • 6
0
votes
1 answer

Give back button to bootstrap steps

I am using this steps plugin/code on my site: https://bootsnipp.com/fullscreen/RlOe3 What i want, is that when i am on the second or third tab, i want to show a back button to the previous div/step. If i add the button with class="backBtn", how can…
max777
  • 143
  • 5
  • 18
0
votes
1 answer

select2 with wizard step by step

Can someone help me with this step by step, I can not use select2 within the step by step wizard, someone knows where to insert the select2 code. $(".select2wizard").select2(); I have not found anything in github, it is a wizard with validation,…
user8762292
0
votes
0 answers

bootstrap modal is not opening in Safari

I want to open bootstrap modal on button click. It opens fine in windows browsers (IE, Edge, Chrome, FireBox), but it doesn't open in iOS-Safari browser. I see many developers having same issue but I didn't get any definitive solution so far. Below…
Pinal Dave
  • 533
  • 4
  • 14
  • 27
0
votes
1 answer

html 5 validation is not working on jQuery-steps

I have 4 Step i put validation on first_name like below. Final Step at the end on click submit using j query-steps i want…
Ronak Bhatt
  • 162
  • 1
  • 15
0
votes
2 answers

Required class not working on select in template wizard

I am using template wizard form plugin. The select gets its options values dynamically appended on the page load event. I have added required class to select, when I click next button without filling any values in all textboxes and keeping select…
Nida
  • 1,672
  • 3
  • 35
  • 68
0
votes
0 answers

Uncaught TypeError: $(...).steps is not a function error within .net Core application

I am receiving this error when trying to run a simple jquery.steps demo in my .Net Core site: Uncaught TypeError: $(...).steps is not a function Here is my code for the particular page: Demo
HazardAGuess
  • 137
  • 1
  • 5
  • 14
0
votes
2 answers

unable to use jquery while using jquery-steps

I'm using jquery-steps in my shopping checkout page and it works fine but i am unable to use jquery to get elements inside the form to dynamically change the price based on the quantity.I cant anyone help? i initialize the wizard by the code below…
Natnael Getachew
  • 137
  • 1
  • 1
  • 9
0
votes
1 answer

Jquery-steps -- How to trigger ng-messages validation from controller js code

I have a form, which has components bound to ng-messages validation system, and which is divided into several sections using jquery-steps. I need to trigger validation when user navigates from section to section pressing jquery-steps buttons. These…
user2082616
  • 195
  • 1
  • 17
1 2 3
…
15 16