Creating Beautiful Forms on Your Blog Using Django Crispy Forms

Posted by

Membuat Formulir Yang Cantik Pada Blog Dengan Django Crispy Forms

Membuat Formulir Yang Cantik Pada Blog Dengan Django Crispy Forms

Django Crispy Forms adalah salah satu library yang dapat digunakan untuk membuat formulir yang cantik pada blog menggunakan Django framework. Dengan menggunakan Crispy Forms, kita dapat dengan mudah mengatur tata letak dan styling dari formulir-formulir yang kita buat.

Cara Menggunakan Django Crispy Forms

Untuk menggunakan Django Crispy Forms, pertama-tama kita perlu menginstall library tersebut melalui pip:

        
            pip install django-crispy-forms
        
    

Selanjutnya, kita perlu menambahkan ‘crispy_forms’ ke dalam INSTALLED_APPS pada file settings.py pada proyek Django kita:

        
            INSTALLED_APPS = [
                ...
                'crispy_forms',
            ]
        
    

Setelah itu, kita perlu menambahkan template tag ‘crispy_forms_tags’ pada file template yang akan digunakan untuk menampilkan formulir:

        
            {% load crispy_forms_tags %}
        
    

Terakhir, kita dapat menggunakan template tag ‘crispy’ untuk merender formulir dalam tampilan yang cantik:

        
            {{ form|crispy }}
        
    

Cara Mengatur Tata Letak dan Styling Formulir

Untuk mengatur tata letak dan styling formulir, kita dapat menggunakan CSS Framework seperti Bootstrap atau Foundation. Crispy Forms menyediakan beberapa setting yang dapat digunakan untuk mengatur layout dan style dari formulir, misalnya ‘field_class’, ‘css_class’, ‘form_class’, dan lain-lain.

Sebagai contoh, kita dapat menambahkan class ‘form-control’ pada setiap field input untuk menggunakan styling dari Bootstrap:

        
            CRISPY_TEMPLATE_PACK = 'bootstrap4'

            FORMS = {
                'bootstrap': {
                    'class': 'form-control',
                }
            }
        
    

Dengan menggunakan Django Crispy Forms, kita dapat membuat formulir yang cantik dan responsif dengan mudah. Selamat mencoba!

0 0 votes
Article Rating
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@marioinsyaf-uw7ni
5 months ago

Salah Satu keunggulan Django adalah didukung berbagai library

@sutomojaya-rr8cf
5 months ago

Crispy forms so awesome