Paper Bootstrap Wizard
Icon html
Icon sass
Icon bootstrap

Interested in all of our Premium Products? Get the 'Big Bundle' with 95% discount!

Paper Bootstrap Wizard

Wizard Plugin
· 4.90/5 (94 Reviews)

MIT License

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

We are here to help you!

21 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
12 months ago

thank you !

hadi.riazi 12 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
11 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!
10 months ago

balázs.horváth
  • downloaded
10 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
9 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!
9 months ago

nick.n
  • downloaded
8 months ago

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

fredrick.njenga
  • downloaded
8 months ago

Awesome! Thanks guys

jptandico
  • downloaded
7 months ago

Nice theme! :)

balázs.horváth
  • downloaded
7 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!
7 months ago

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

Why our customers appreciate us

Design Quality

Other

Its a nice wizard to use, going to use this definitely in my next side project.

Design Quality

Excellent example of an wizard flow to integrate into your web product/project or study to craft your own implementation.