Bootstrap Wizard

Wizard Snippet
· 4.80/5 (78 Reviews)

MIT License

21,866 Downloads
84 Comments
Regular Support
Lifetime Updates
Release: 3 years ago
Update: 11 months ago
Icon html
Icon bootstrap
Product certified by: Creative Tim

We are here to help you!

84 Web Developers commented on this product

Report issue

andrew.lea
  • downloaded
4 months ago

Great wizard Is there anyway to have multiple sets of radio buttons on one pane of the wizard?. If I add more radio buttons they are toggled off by every radio button on the wizard so I can not have multiple sets of questions Thanks

axelut
  • owner

@andrew.lea thank you for the kind words. Unfortunately, at the moment the wizard is working with only 1 group of radios/checkboxes and we are very very busy to develop new features for it. You can play with the code and make it work for multiple groups if you check the code from assets/js/gsdk-bootstrap-wizard.js starting with line 155. Hope this helps. Best, Alex!
4 months ago

hamed
  • downloaded
4 months ago

شكرا جزيلا على هذا المجهود

calmpress 28 days ago

This is real awesome. Thanks

4730213498
  • downloaded
13 days ago

How do you use jquery validate with the wizard-radio and wizard-checkbox? I am able to get it to validate but when the radio is clicked it will not remove the validation error. <div class="col-sm-4 "> <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Select this option if your address is in the United States"> <input type="radio" id="USA" name="country" value="USA"> <div class="icon"> </div> <h6>United States</h6> </div> </div> <div class="col-sm-4"> <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Select this option if your address is in the Canada"> <input type="radio" id="Canada" name="country" value="Canada"> <div class="icon"> </div> <h6>Canada</h6> </div> </div> <div class="col-sm-4"> <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Select this option if your address is in the Mexico"> <input rel="tooltip" type="radio" id="Mexico" name="country" value="Mexico"> <div class="icon"> </div> <h6>Mexico</h6> </div> </div> var $validator = $('.wizard-card form').validate({ rules: { country:{required:true} });

4730213498
  • downloaded

Seriously great wizard. I am still trying to get the radio buttons to work/validate. I can get the checkbox to work with the wizard-checkbox but the radios will not validate unless it is done without the tooltip/wizard-radios. If I follow the documentation It works but loses the style. Any idea what could be causing this issue? http://demos.creative-tim.com/material-bootstrap-wizard/documentation/components-documentation.html
8 days ago

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

Why our customers appreciate us

Design Quality

F**king love wizards! For real, you guys are awesome

Design Quality

Design Quality