Search results

Matches found for tag 'Bootstrap': 4

Threaded comments using Common Table Expressions (CTE) for a MySQL Flask blog or CMS

8 February 2020 Updated 16 February 2020 by Peter

Now that I have blog posts, pages and a contact form, I decided to implement the comments for the blog posts and pages. Not just flat comments but threaded comments, also called nested comments. Some months ago I read about this and I really liked Miguel Grinberg's article: Implementing User Comments with SQLAlchemy. As often Miguel starts with defining the problem and some hard core theory and explaining ...
Read more

WTForms image picker widget for Flask with Bootstrap 4 without extra Javascript and CSS

24 January 2020 Updated 24 January 2020 by Peter

When you sign up for this website you are assigned an avatar image. Of course you can change the avatar in 'your account' and this is done using an image picker. Many image pickers examples can be found on the internet. But this is a Flask site including WTForms and I want the image picker to be generated by the wonderful Jinja macro I am using, see also link below, ok, I modified it a bit. With this ...
Read more

Reorganize, restructure, move to content items, add themes, add more languages

14 August 2019 Updated 14 August 2019 by Peter

This post is about editing code, a lot of editing, huge amounts of editing! When you implement much functionality, you notice things that need attention, things that need you to research, how do others do this, what is the plural of certain words, etc. I maintain a todo list and every time I noticed something that needed attention I added it to this list. The list got too big so I decided to stop adding ...
Read more

Bootstrap 4.1 blog post grid with three columns, two breakpoints and re-ordering

1 June 2019 Updated 29 August 2019 by Peter

For this blog I wanted the blog post page to have three 'columns'. Why did I quote the word columns? Because what is a column on a large screen can be a row on a mobile device. Bootstrap uses containers, rows and columns. And of course, a Bootstrap column can show on the screen as a column or a row. Help! When designing a layout we must not think about columns but about screen elements and how we ...
Read more