You have a great looking homepage. Now it’s time to make your pizza form polished.
- [Instructor] Let's go ahead and finish the styling … of our website by adding our base template … into each of our other templates. … So, with our home page, … let's go ahead a move over to our home.html. … We're going to go ahead and get rid of our h1 tag, … we don't need that necessarily … but we do need what we have over on the order.html. … Up at the top here this extends pizza … and then the body block. … We'll go ahead and copy and paste that up at the top, … so that's going to bring in our base. … What we're going to put inside of here, … then we don't need our order pizza as well … is we want to have a div that's going to center a big image … for us on the screen, … so we're going to say div class is equal to, … we're going to make this text-center. … Great and let's make sure … that we have the ending div tag there. … Then inside of this div, … this is where we're going to want to add our image. … So, our image needs to have a source … and for right now we'll just go ahead …
Author
Released
3/8/2019- Creating form fields
- Using submitted data
- Adding models
- Using the ModelForms class
- Working with widgets
- Accepting files and multiple forms on a page
- Customizing formsets
- Using local validation
- Delivering errors responsibly
- Customizing forms
- Styling with CSS
Skill Level Intermediate
Duration
Views
Related Courses
-
Python: Design Patterns
with Jungwoo Ryoo1h 59m Intermediate -
Code Clinic: Python
with Barron Stone1h 51m Intermediate -
Building RESTful Web APIs with Django
with Rudolf Olah1h 9m Intermediate
-
Introduction
-
What you should know1m 5s
-
Project walkthrough1m 51s
-
1. Getting Started with Forms
-
Starting a new project2m 26s
-
Making forms from scratch5m 24s
-
Form fields5m 22s
-
Submitting forms4m 47s
-
Django form class5m 15s
-
Using submitted data5m 32s
-
-
2. Working with Advanced Form Features
-
Adding models5m 59s
-
Model forms4m 1s
-
Working with widgets5m 37s
-
Advanced widgets4m 23s
-
Forms and files4m 4s
-
Formset views6m 34s
-
Editing objects4m 40s
-
Input confirmation4m 7s
-
-
3. Customizing and Styling Form Appearance
-
Server-based errors5m 10s
-
Form rendering3m 49s
-
Customizing forms4m 59s
-
Spicing up forms with CSS6m 40s
-
Homepage styling4m 7s
-
Form styling6m 24s
-
Conclusion
-
Next steps1m 19s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Form styling