Interested in all of our Premium Products? Get the 'Big Bundle' with 95% discount!

Bootstrap Wizard

Wizard Snippet
· 4.80/5 (65 Reviews)

MIT License

20,582 Downloads
82 Comments
Regular Support
Lifetime Updates
Release: 3 years ago
Update: 8 months ago
Icon html
Icon bootstrap
Product certified by: Creative Tim

We are here to help you!

82 Web Developers commented on this product

Report issue

andrewsopoku6
  • downloaded
1 year ago

Nice work. but only the first page is validated. the other pages are not validated even when i write rules for that. please can you help me

axelut
  • owner

@andrewsopoku6 thank you for using our product. Can you please add the validation for the other pages in the javascript methods like validateSecondStep() from line 157 in wizard.js and let us know if that was working? Can you send a link to your website so we can check live what is happening? Best, Alex!
1 year ago

eddymwanda
  • downloaded
1 year ago

Thanks for the amazing product but I am having issues validating the second and third steps. Can you please help me out?

axelut
  • owner

@eddymwanda thank you for using our product and sorry for the late response. Please follow this example from the original repo: http://vadimg.com/twitter-bootstrap-wizard-example/examples/validation.html. We will update our example with that validation type soon. Best, Alex!
1 year ago

eddymwanda
  • downloaded

Thanks axelut!! I will give it a try. I'll send you a link to the website once its done. Thanks again!
1 year ago

katherine.idarragamxd
  • downloaded
1 year ago

Great work. However I am also having issues with the validations after the first page. Could you please provide any help? Thx

axelut
  • owner

@katherine.idarragamxd thank you for using our product. Please follow this example: http://vadimg.com/twitter-bootstrap-wizard-example/examples/validation.html. Best, Alex!
1 year ago

lama.kheireddine
  • downloaded
1 year ago

this is really a great work , did u please help me if i want to make the tab clickable , what should i do ? Anonymous Tim thank you in advance

axelut
  • owner

@lama.kheireddine thank you for using our product. If you go to assets/js/wizard.js you will see on line 38 there is the wizard function "onTabClick:" which is returning false. You can remove that and the tabs will work normally. Best, Alex!
1 year ago

lama.kheireddine
  • downloaded

@axelut , if i removed the return false , i can click on third step without passing in second step , and i do not want this , i want the tab can be clickable to the previous tabs not the next ones, and another question, if i have a button outside the wizard how by click can i show a specific tab from the wizard . thank you in advance
1 year ago

axelut
  • owner

@lama.kheireddine sorry for the late response. Please use this function for the onTabClick -> "onTabClick : function(tab, navigation, index){ var $valid = $('.wizard-card form').valid(); if(!$valid){ return false; } else{ return true; } }, ". Then Everything will work fine with the validation. Best, Alex!
1 year ago

achatt
  • downloaded
1 year ago

Hello, thank providing free wizard i use Block to build bootstraap site and wanted to know tutorial to instal wizard in bootstraap, i'french sorry my bad english, thank to help

axelut
  • owner

@achatt thank you for using our product. Here is the tutorial on how to use it: http://demos.creative-tim.com/wizard-tutorial All the best, Alex!
1 year ago

hadi.riazi
  • downloaded
11 months ago

Hi there! thanks for the awesome wizard, I’ve been using it for almost a year now , but one thing, has anyone made any custom themes for this? specially the tabs. I want them to be triangular and not square. Please let me know, I really need this. Big thanks! @ @axelut

axelut
  • owner

@hadi.riazi thank you for using our product. We've made some different themes which can be found here: http://www.creative-tim.com/bootstrap-themes/wizard. It's the same structure but it is looking different. Best, Alex!
11 months ago

abdelhamidzitoune
  • downloaded
9 months ago

thank you nice work

bart.oliekan
  • downloaded
9 months ago

Hi, I'm trying to use the validateSecondStep function, but somehow it's not matching the if statement which checks if the wizard-card form is valid. Hope you can help me out.

qadeer.shaikh
  • downloaded
8 months ago

Hi, I was using the validateSecondStep function, but its not matching the statement, I guess its not accepting code in the second step function where else when I am writing it in the firstStep its working fine. But what if I want to keep that in SecondStep ? Please help @axelut . Thanks.

axelut
  • owner

@qadeer.shaikh thank you for using our product. Please follow this example from the original repo: http://vadimg.com/twitter-bootstrap-wizard-example/examples/validation.html. We will update our example with that validation type soon. Best, Alex!
8 months ago

qadeer.shaikh
  • downloaded

@axelut I am trying to access the link provided by you but it's giving me 404 error. Please help soon.
8 months ago

axelut
  • owner

@qadeer.shaikh please check this one: http://vinceg.github.io/twitter-bootstrap-wizard/examples/validation.html they moved it to github.
8 months ago

qadeer.shaikh
  • downloaded

@axelut Thank you for your quick response. The solution works now for second tab. Can I use the same logic for third tab also?
8 months ago

gccsmurf1
  • downloaded
8 months ago

Hey @alex, Awesome work. Second Step Verification is not working in my case. I've added few validation rules(like lettersonly, nowhitespace etc) in first step but whenever my first step is valid then my second step validation wont work. Will u please help me. thanks in adv

axelut
  • owner

@gccsmurf1 please check the comment above. Best, Alex!
8 months ago

You have to be logged in to post a comment. Login here.

Why our customers appreciate us

Feature Availability

Design Quality

Design Quality

What a nice and clean design