Paper Bootstrap Wizard
Icon html
Icon sass
Icon bootstrap

😍 Case Study: "How we built from scratch Light Bootstrap Dashboard" on one of the biggest publications on Medium: FreeCodeCamp.

Paper Bootstrap Wizard

Wizard Plugin
· 4.90/5 (85 Reviews)

MIT License

6,184 Downloads
15 Comments
Regular Support
Lifetime Updates
Release: 1 year ago
Update: 6 months ago
Icon html
Icon sass
Icon bootstrap
Product certified by: Creative Tim

We are here to help you!

15 Web Developers commented on this product

Report issue

maggew
  • downloaded
1 year ago

Daaaang...this looks wicked - thanks for the share!

mohamed-ikbel.ghouraba_fr
  • downloaded
10 months ago

thank you !

hadi.riazi 10 months ago

@creative-tim I'm already using your bootstrap wizard (its awesome) , can i simply change the theme to look like paper ? (are there any other themes or designs that i can apply to what i currently have ?) Thanks!

solobama
  • downloaded
9 months ago

how do i set the email address for this to be sent to me

axelut
  • downloaded

@solobama thank you for using our product. You need some PHP in order to process the request for the user then send that information to an email, please check this tutorial for more details: https://bootstrapbay.com/blog/working-bootstrap-contact-form/. Best, Alex!
8 months ago

balázs.horváth
  • downloaded
8 months ago

Hi Tim I downloaded the Paper Bootstrap Wizard, very nice design, thx! ;) I have problems with the HTML5 validation, if I activate the default required paramter, the form (the first block, Location) falls appart as soon the Filed is required message appears, is ther any way to have the message poping up in a box that will not cause such an issue?

vertigo
  • downloaded
7 months ago

Dear All, First of all, I'd like to thank you for your truly creative ideas. My question is regarding the wizard template. I'm using your masterpiece on my ASP.NET MVC form where I populate various data inside View via ViewModel which inside that I can use validation attributes like [Required] and there is no need to call them in js file like your demo file. The problem is that, when I go to the next tab, I should make sure that the required fields are entered and then allow it to move forward, but currently it doesn't function that way. Because, when validation is called, it calls other fields inside other tabs and therefore the "Next" navigation doesn't work and it's because other tabs contain required fields. Question: Is it possible to Validate fields inside each tab separately instead of all at once? Best, Alex

axelut
  • downloaded

@vertigo thank you for using our product. We recommend you to add some if statements on the "onNext" function and to validate each page in that, like how we implemented in another Bootstrap Wizard that we made, here is an example of the code: https://github.com/creativetimofficial/bootstrap-wizard/blob/master/assets/js/wizard.js, starting with line 28. Hope that will help you. Best, Alex!
7 months ago

nick.n
  • downloaded
6 months ago

@ @creative-tim Keep up the good work guys. Remarkable designs.

fredrick.njenga
  • downloaded
6 months ago

Awesome! Thanks guys

jptandico
  • downloaded
5 months ago

Nice theme! :)

balázs.horváth
  • downloaded
5 months ago

Hi Tim! I posted this 3 months ago, but didn't received any feedback: I downloaded the Paper Bootstrap Wizard, very nice design, thx! ;) I have problems with the HTML5 validation, if I activate the default required paramter, the form (the first block, Location) falls appart as soon the Filed is required message appears, is ther any way to have the message poping up in a box that will not cause such an issue?

axelut
  • downloaded

@balázs.horváth thank you for using our product and sorry for missing your comment. Please send us a link with your web wizard so we can check the issue. If you don't have it online please add it on paperplane.io and then send us the link and we will have a look. Best, Alex!
5 months ago

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

Why our customers appreciate us

Design Quality

Awesome, Like it 🎉

Design Quality

Design Quality