Do you need Angular, React, Vuejs or HTML? For the next days, you can get our awesome Bundles with 70% discount! 🔥

Bootstrap Wizard

Bootstrap Wizard

Wizard Snippet
· 4.80/5 (111 Reviews)

MIT License

29,648 Downloads
110 Comments
Community Support
6 months Updates
Release: 4 years ago
Update: 2 years ago
Product certified by: Creative Tim

We are here to help you!

110 Web Developers commented on this product

Github Docs FAQ Page

andrew.lea
  • downloaded
1 year 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!
1 year ago

hamed
  • downloaded
1 year ago

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

calmpress 1 year ago

This is real awesome. Thanks

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

kairider2012
  • downloaded
1 year ago

Great Wizard.

nikkoldrichonroe
  • downloaded
1 year ago

very helpful

cheikhtidianemb91
  • downloaded
1 year ago

Thanks you

asabya
  • downloaded
1 year ago

Great Wizard. does it have a onFinish event?

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