django form elemanlarına class ekleme

Merhaba arkadaşlar, bu makalemde django ile kullandığımız standart formlara class eklemeyi öğreneceğiz.

Öncelikle klasik bir formdan ekran görüntüsü veriyorum.

 

Gördüğünüz gibi gayet tarih öncesi görünüyor. Tabi ki hazır paketlerle bootsrap entegre edebilirsiniz. Ama oldu ki bir forma class eklemek istiyorsunuz. Bunun en kolay yolu arkadaşlar aşağıda anlatacağım yol.

Normalde proje kodlarında bir kullanıcı adı inputunu şu şekilde görürsünüz

{{ form.username }} 

biz buna class ekleyip şekillendirmek istediğimizde ise (tabi ki öncelikle css dosyamızı dosyamıza çekmiş ve classını yazmış olmamız gerekmekte)

{{ form.username|add_class:'form-control' }} 

class eklenmiş hali ise bu. Fakat biz kodu direk böyle çalıştırdığımızda karşımıza böyle bir hata çıkacak.

 

Bize diyor ki arkadaşım invalid filter: 'add_class' yani bunu yüklemen için gerekli filtren yok. O zaman şöyle yapıyoruz. Açıyoruz terminal ekranımızı ve pip ile bir django paketi yüklüyoruz. Bu paketiyüklerken projemizin olduğu klasörde olduğumuza dikkat edelim. 

pip install django-widget-tweaks  Bu kod ile paketi yüklüyoruz. Tabi ki işimiz burada bitmiyor. Öncelikle projemizin setting.py dosyasına girip installled_app dizisi içine en alt satıra aşağıda ki kodu ekleyerek  paketin yüklenmesi gerektiğini bildiriyoruz. 
 

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'widget_tweaks',
]

 

Kodumuz bu hali alıyor. İşimiz bitiyor mu? Tabi ki hayır :))
Şimdi de form elemanlarını kullandığımız sayfaya bunu load metoduyla ekliyoruz. 
 

{% load widget_tweaks %}  

Evet şimdi formlarımız class eklemeye hazır. 


02.11.2016 17:31:35

Merhaba. Web siteme hoşgeldiniz. Sitemde özgeçmişimi sertifika bilgilerimi ve bu güne kadar uygulamaya aldığım çalışmaları bulabilirsiniz. Herhangi soru sormak veya bana ulaşmak için İletişim sayfasında yer alan iletişim formunu kulanabilirsiniz.

Gönülden istemek ve emek harcamak.
İşte tüm mesele bu.
30 Agust
#DGSaçıklanmadığıHerSaat @OSYMbaskanligi
Açıklayamadıklarınızdan mıyız ?
23 Agust
Makalelerimi İlk Sen Oku!