Help us be cool on Github! 😏 Take a look at our Material Dashboard and if you love it as much as we do, give us a star ⭐️ 🐱

Bootstrap Wizard

Wizard Snippet
· 4.80/5 (87 Reviews)

MIT License

23,934 Downloads
91 Comments
Regular Support
Lifetime Updates
Release: 3 years ago
Update: 1 year ago
Product certified by: Creative Tim

We are here to help you!

91 Web Developers commented on this product

Report issue

andrew.lea
  • downloaded
8 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

alexpaduraru
  • 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!
8 months ago

hamed
  • downloaded
8 months ago

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

calmpress 4 months ago

This is real awesome. Thanks

4730213498
  • downloaded
4 months 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
4 months ago

kairider2012
  • downloaded
3 months ago

Great Wizard.

nikkoldrichonroe
  • downloaded
2 months ago

very helpful

cheikhtidianemb91
  • downloaded
1 month ago

Thanks you

asabya
  • downloaded
1 month ago

Great Wizard. does it have a onFinish event?

alanlaudioelo
  • downloaded
27 days ago

Very good, but exist a bug. There is a conflict with Bootstrap navbar, distorting navbar. If we use the bootstrap.min.css and js Wizard does not work, if we use the bootstrap bootstrap.min.css and js, the wizard does not work. Include in your Profile Wizard example a navbar with menu items and a footer, and see the distortions that affect both.

vikramvuppala
  • downloaded
19 days ago

Hi Team, In angular5 app i am using [routerLink]="['/build/widget']" and the widget is not getting applied with css. but if i use href="build/widget" the page is getting reloaded and css getting applied. And this build/widget is a view(html content).

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

Why our customers appreciate us

Design Quality

Design Quality

Design Quality