500,000 web developers are using our UI Kits & Admin Dashboards ❤️ And of course that we want to celebrate our success with YOU!

Bootstrap Wizard

Wizard Snippet
· 4.80/5 (96 Reviews)

MIT License

24,985 Downloads
102 Comments
Regular Support
Lifetime Updates
Release: 4 years ago
Update: 1 year ago
Product certified by: Creative Tim

We are here to help you!

102 Web Developers commented on this product

Report issue

andrewsopoku6
  • downloaded
2 years 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

alexpaduraru
  • 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!
2 years ago

eddymwanda
  • downloaded
2 years ago

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

alexpaduraru
  • 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

alexpaduraru
  • 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

alexpaduraru
  • 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

@alexpaduraru , 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

alexpaduraru
  • 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

alexpaduraru
  • 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
1 year 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! @ @alexpaduraru

alexpaduraru
  • 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!
1 year ago

abdelhamidzitoune
  • downloaded
1 year ago

thank you nice work

bart.oliekan
  • downloaded
1 year 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
1 year 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 @alexpaduraru . Thanks.

alexpaduraru
  • 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!
1 year 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.
1 year ago

alexpaduraru
  • owner

@qadeer.shaikh please check this one: http://vinceg.github.io/twitter-bootstrap-wizard/examples/validation.html they moved it to github.
1 year 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?
1 year ago

gccsmurf1
  • downloaded
1 year 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

alexpaduraru
  • owner

@gccsmurf1 please check the comment above. Best, Alex!
1 year ago

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

Why our customers appreciate us

Design Quality

Design Quality

Design Quality

grate work :)