how to add class to django ModelForms file field

Question

I want to add class for my file field as other elements(while I can't use attrs={"rows": "1", "class": "form-control"} I've no idea how to go on), couldn't find any guides about that every where they applied that on other fields. forms.py

from django import forms
from .models import MedicalRecords

class UpdateMedicalRecordForm(forms.ModelForm):
    class Meta:
        model = MedicalRecords
        fields = ("title", "file", "doctor")

        widgets = {
            "title": forms.Textarea(attrs={"rows": "", "class": "form-control"}),
             "file": ?? (how to add class as above),
        }

Style admin panel ? is that what you mean?

Avishka Dambawinna
– Avishka Dambawinna

2021-01-27 13:58:25 +00:00
Commented Jan 27, 2021 at 13:58 — Avishka Dambawinna
– Avishka Dambawinna, Commented Jan 27, 2021 at 13:58

Siva Sankar · Accepted Answer · 2021-01-27 14:20:13Z

As per Django widget classes (see this link for available types of widget/html input types):

from django import forms
from .models import MedicalRecords

class UpdateMedicalRecordForm(forms.ModelForm):
    # we can directly specify attributes to individual fields like this
    title = forms.CharField(max_length = 100, widget = forms.TextInput(attrs={'class':'title_class_name', 'id':'title_id'}))
    file = forms.ImageField(widget = forms.FileInput(attrs={'class':'file_class_name', 'id':'file_id'}))
    
    class Meta:
        model = MedicalRecords
        fields = ("title", "file", "doctor")
        
        # or we can use widgets like this
        widgets = {
            "title": forms.Textarea(attrs={"rows": "", "class": "title_class_name"}),
             "file": forms.FileInput(attrs={"rows": "", "class": "file_class_name"}),
        }

Collectives™ on Stack Overflow

how to add class to django ModelForms file field

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related