TailwindCSS and Django-Crispy-Forms - Template Pack for Django Forms!

preview_player
Показать описание
☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:

In this video, we'll discover how to use a TailwindCSS template pack for django-crispy-forms, to create beautiful forms in our Django applications. We'll also explore Layout classes in the django-crispy-forms package.

📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 Intro
00:46 TailwindCSS and django-crispy-forms overview
02:24 Defining a Django Form class
05:49 Adding TailwindCSS to the project
08:36 Adding django-crispy-forms and crispy-tailwind
09:33 Using crispy template filter to style form with TailwindCSS
12:45 Layouts in django-crispy-forms

𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:

📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:

#python
  1. BugBytes
Рекомендации по теме
TailwindCSS and Django-Crispy-Forms 0:19:39

TailwindCSS and Django-Crispy-Forms - Template Pack for Django Forms!

Django Crispy Forms 0:11:40

Django Crispy Forms with Tailwind Css

Neapolitan CRUDView in 0:24:18

Neapolitan CRUDView in Django (with django-crispy-forms and TailwindCSS integration)

Styling Django Forms 0:51:16

Styling Django Forms With Tailwind CSS

Building Django forms 0:12:20

Building Django forms with django-crispy-forms

Django & TailwindCSS! 0:56:25

Django & TailwindCSS! Learn how to integrate and create a basic starter project.

How to Easily 0:07:22

How to Easily Style Your Django Form Fields With Django Widget Tweaks

Django Crispy Forms 0:09:40

Django Crispy Forms with Bootstrap 4

64 Installing Crispy 0:03:24

64 Installing Crispy Forms and Tailwind Styling

Styling Forms with 0:09:45

Styling Forms with Tailwind CSS #tailwindcss

Django Crispy Forms 0:44:30

Django Crispy Forms with Bootstrap 3

Django : alternative 0:01:11

Django : alternative to django-crispy-forms

django-crispy-forms and HTMX 0:19:07

django-crispy-forms and HTMX integration #3 - Field validation and the hx-swap-oob attribute

4 Ways Of 0:07:30

4 Ways Of Form Handling In Django

Styling Django forms 0:16:28

Styling Django forms using Django Widget

Create a Django 0:03:50

Create a Django form (using HTMX) in 90 seconds 🐎

Build a Custom 1:01:02

Build a Custom UI with Django | CRISPY FORMS | OFFICIAL TECH

11. Adding bootstrap 0:10:06

11. Adding bootstrap and crispy form | Ajax | Django

Editing tasks - 0:05:52

Editing tasks - Django, Htmx and Tailwind Todo Application

Python Django Tutorial 0:12:04

Python Django Tutorial - Styling Forms with Crispy Forms

13 How to 0:17:24

13 How to do ADVANCED FORM RENDERING with CRISPY FORMS in Django – INVOICE MANAGEMENT SYSTEM

Building a Tab 0:14:49

Building a Tab System with Alpine.js and TailwindCSS / DRY Django Templates

Bootstrapify and Customize 0:07:28

Bootstrapify and Customize css in Django Forms

Multistep form with 0:02:20

Multistep form with React, Redux, and tailwind CSS with Django backend

Комментарии
Автор

most of your tutorials are advanced except this one and that is what most of us wanted keep it bro we need more django + tailwind + psql + ....

ahmedbadal
Автор

Thanks for amazing information.
Please make a course/one shot video on general store management system in django

seven_studio
Автор

Really awesome tutorial bro...very nice 👍

codedjango
Автор

Yahoo finally I don't need to update widgets for each field forms

Yarkanlaki
Автор

Excellent video as always, I also think that you have to work on the design of the forms in the template whenever possible.

raulolmos
Автор

can you make a full video on tailwind CSS, by the I love uur content keep it up.

hack
Автор

Did you ever get pandasAI working properly? I followed your tutorial and had some success, but even the founder at his demo couldn’t make it work properly. Just wondering if you had worked with it anymore

jhncnnr-sec
Автор

Olá, boa tarde. Esse exemplo aqui não funciona quando esta usando o django-tailwind ? Pois aqui no meu codigo da erro ao carregar a pagina. Quando eu uso o cdn do tailwind funciona, mas quando eu uso o {% tailwind_css %} não carrega o formulário corretamente.

andrealekhine
Автор

Can make tutorial about Django tables2 + Django Filters + Django select2 + Django HTMX + crispy forms+ Django template tweaks + Django partials 😅

Yarkanlaki
Автор

please make the video on production ready setup instead of using CDN for tailwind.

aafan.kuware
Автор

Could you make a video that installs tailwind daisy-ui without cdn and production ready?

MalfuncEddie
Автор

css within html (class) within python (css_class) = nope.

pm
Автор

A big “no thanks” for the approach of adding markup to the python code. Markup belongs in the templates! I wish there was an easy way to auto-generate all the { form } exploded fields into the template so that it was easy apply tailwind styles. I think it’s possible to redefine the inner templates that generate the various { form } fields, but I haven’t figured that out yet.

dmccallie