• Sunday , 12 July 2020

Using Flask-WTForms With Flask-Bootstrap

Code Canyon
https://i.ytimg.com/vi/S7ZLiUabaEo/hqdefault.jpg



I continue demonstrating Flask-Bootstrap by showing you how to integrate a form generated by WTForms in the template.

My videos on WTForms in Flask:
Intro – https://www.youtube.com/watch?v=eu0tg4vgFr4
Validators – https://www.youtube.com/watch?v=F9vTlDzn7ac
Date fields – https://www.youtube.com/watch?v=il9hh5Ysw9o

Get the code here: https://prettyprinted.com/l/t5y

Flask Bootstrap WTForms docs: https://pythonhosted.org/Flask-Bootstrap/forms.html

Join my free course on the basics of Flask-SQLAlchemy: https://prettyprinted.com/flasksql

Free Flask cheat sheet: http://prettyprinted.com/flaskcheatsheet

Original source

3d Ocean

Related Posts

39 Comments

  1. Pretty Printed
    June 21, 2020 at 19:39

    Join my free course on the basics of Flask-SQLAlchemy: https://prettyprinted.com/flasksql

  2. Nduka Junior
    June 21, 2020 at 19:39

    Love your vide keep it up bro

  3. Patrick Williams
    June 21, 2020 at 19:39

    does Flask nav integrate with flask bootstrap?

  4. alexsony1997
    June 21, 2020 at 19:39

    I have a question. I installed flask-bootstrap as you show us in the video but when i run the app, i got the message "no module flask_bootstrap". The flask module is working fine, i didn't have any problem with it. I work on raspberry pi3. Thanks!

  5. Supperrr Scripterrr
    June 21, 2020 at 19:39

    Nice video! Why do you only have1 button there? Since wtf.quick_form(form) automatically generate 1 button and your line 13 create a new one then there should be 2 buttons right?

  6. Musab Omariyeh
    June 21, 2020 at 19:39

    Thank you for the nice tutorial, i have 2 question, does flask bootstrap support bootstrap version 4.0, the second question is not related to the subject, can i build web apps with flask and react as a front end framework,

  7. Mirza Umair
    June 21, 2020 at 19:39

    it is showing me errors in black color. how to change its error color.

  8. Pixel Uvw
    June 21, 2020 at 19:39

    Hi Anthony,
    Best vids ever!
    How Can we use bootstrap 4? And why do I get the HTML5 validation instead or wtf.validators?

  9. Chris Spencer
    June 21, 2020 at 19:39

    one this this video leaves out but is very basic the templates are stored in venv >flask-bootstrap > templates

  10. Rushey 17
    June 21, 2020 at 19:39

    Thanks..This is what i needed..😊pls do more videos about this😍

  11. Darrell Mayson
    June 21, 2020 at 19:39

    Kinda took a dive in the deepend doing the flask website tutorial then trying to incorporate bootstrap, sass and wtf. Realised error of my ways so thanks for providing digestible chunks of flask to improve my understanding 🙂

  12. Siddharth baranwal
    June 21, 2020 at 19:39

    Why do we use wtform validations if the same can be done by HTML itself ? This way the request does not go to server and it will be faster as well

  13. Danny corgan
    June 21, 2020 at 19:39

    i'm getting an error TemplateNotFound: bootstrap/base.html, but the code is as yours, as far as i can tell, any ideas

  14. Danny corgan
    June 21, 2020 at 19:39

    the link to the code is a 404 can you restore the code as I have an error I cant work out without doing a compare
    many thanks in advance

  15. Karan Gujrati
    June 21, 2020 at 19:39

    Yes, I would love to watch the same type of video for a complicated example. It will clear my concepts better!
    Thanks!

  16. fzhcary
    June 21, 2020 at 19:39

    This is exactly what I need. Help me a lot on get started on flask with bootstrap without going too deep into front end development. Thank you so much!!!

  17. A P
    June 21, 2020 at 19:39

    Please cover more complicated forms.

  18. Brandon Emmanuel Cardenas Garcia
    June 21, 2020 at 19:39

    how can I set up a background image?

  19. Divus Iulius
    June 21, 2020 at 19:39

    Until I started following your Flask tutorials, I have been having a lot of difficulty with other people's Flask Bootstrap tutorials. All the difficulties with Flask usually start with Bootstrap. You however seem to have all the answers. What a damn relief that is!
    I can't speak for other people but, I know I could use a bit more information (tutorials) on NavBars and other Bootstrap CSS, JS examples. Don't stop now! And I'm well aware that these video are more than a year old. But in this case, more is better.

    Thank You Anthony for your badly needed contribution.

  20. gaby
    June 21, 2020 at 19:39

    what does base.html looks like?

  21. bootup geek
    June 21, 2020 at 19:39

    Thanks a lot sir for this amazing video. You just made my work so much easier. I didn't know that library like this existed.

  22. Bloggy24
    June 21, 2020 at 19:39

    ImportError: cannot import name Anyof give me solution for that please

  23. Murat Polat
    June 21, 2020 at 19:39

    Antony is very good teacher and developer. I am strongly recommend those who want to be full stack developer with Python. Here is the link of the his course :
    https://prettyprinted.com/

  24. Alessandro Sabellico
    June 21, 2020 at 19:39

    I couldn't set the default value for a SelectField nor for a SelectMultipleField using the "default=key/[keys]" field argument (even with static content!).. has something changed with new wtforms versions?

  25. Jakov Kusić
    June 21, 2020 at 19:39

    These videos are so good that they should be part of official Flask documentation.

  26. ISC School
    June 21, 2020 at 19:39

    I rather use quickform sometimes, but I have an issue with it.I cannot submit the form correctly because when I add the submit input it finished out of the form tags and don't submit anything.Any help? :S

  27. prabhat mohanty
    June 21, 2020 at 19:39

    I want to do a step by step questionaire in flask by using radio / checkboxes and text field in a multiple page form. Also want to use reference image in some of them. A tutorial in that effect would be nice.

  28. Vic Shóstak
    June 21, 2020 at 19:39

    Thx a lot! Any plans for create lessons 'bout Flask-Babel extension? 😉

  29. llamasarus1
    June 21, 2020 at 19:39

    How do I pass data to the value attribute in the form through WTForms with Bootstrap so I could update posts?
    I tried this: {{ wtf.form_field(form.title, value="{{ post.title }}") }
    ……..but the value didn't interpret it as data from the database. Also how would I put a value inside the textarea?

  30. Team ALT2HERBALS
    June 21, 2020 at 19:39

    Can we do a demo of an example of Multipart Form in WTF?

  31. divam lehri
    June 21, 2020 at 19:39

    How to solve :jinja2.exceptions.UndefinedError UndefinedError: 'bootstrap_is_hidden_field' is undefined

    This "bootstrap_is_hidden_field" is present in the code of wtf.html…I guess some changes have to be made there

  32. divam lehri
    June 21, 2020 at 19:39

    On running the program it shows error "templateNotFound: bootstrap/wtf.html"
    How to resolve this error?

  33. kunjung sherpa
    June 21, 2020 at 19:39

    awesome. let's get more advanced.

  34. David Kironde
    June 21, 2020 at 19:39

    nice

  35. Reznov Ammar
    June 21, 2020 at 19:39

    The best Flasker on Youtube , enjoyed the video as always , thanks 🙂

  36. Anders Bogsnes
    June 21, 2020 at 19:39

    I'd be interested in seeing how you would do something similar with straight bootstrap. Very useful to know how wtforms integrates with bootstrap-like libraries. Plus reduces dependencies 😊

  37. miles hill
    June 21, 2020 at 19:39

    Great videos on Flask. Keep them coming!

  38. Ahmed Elbashiry
    June 21, 2020 at 19:39

    thank you Anthony

  39. Taektiek
    June 21, 2020 at 19:39

    first

Leave A Comment

You must be logged in to post a comment.