Django Forms and bootstrap - adding widgets works but not fully
I have problem with bootstrap in my django forms. In forms I have this code:
make = forms.ChoiceField(choices=make_choices)
make.widget.attrs.update({'class': 'form-control'})
And in tutorials I saw that it should be enough to render proper bootstrap choice field.
But in my case it looks like this:
Please notice:
- missing arrow indicating actual dropdown on the right
- grey select box is not wide enough, or rather box above is too wide?
- label "Make:" also doesn't look like proper bootstrap label.
I checkout out several tutorials but in all of them adding this "{'class': 'form-control'}" in attrs was enough. I was also experimenting with django crispy forms but they were also not fully correct. What am I missing? What I did wrong?
Solution
as of bootstrap 5 docs https://getbootstrap.com/docs/5.0/forms/select/#default you should use .form-select class to trigger the custom styles for <select> elements, so it should be
make.widget.attrs.update({'class': 'form-select'})
.form-control class is used for elements like <input> and <textarea>.
- auditlog with Django and DRF
- Why does DEBUG=False setting make my django Static Files Access fail?
- How to manage CORS in Django
- Use existing page for error 404/505 in Wagail
- How to add custom field in manytomany through table in Django
- Remove duplicates in Django ORM -- multiple rows
- Best practices for using @property with Enum values on a Django model for DRF serialization
- Django - Failed Login Redirecting To Different Page
- Page not found 404 Django media files
- How do I use Django groups and permissions?
- VSCode terminal shows incorrect python version and path, launching terminal from anaconda works perfectly
- How to use Django BinaryField to store PNG images in postgres?
- Template Syntax Error when using Django allauth
- How to add Django template tags in a different Js file
- Is it secure to store passwords as environment variables (rather than as plain text) in config files?
- Adding two factor authentication in Django/Django Rest
- Django Two Factor Auth combined with Rest Framework?
- How do I update a Django field in an HTML template
- How can I ask for user input with an action in django admin?
- Using the http.HTTPStatus class in Python to return the meaning of a HTTP status code
- How to Run Functions in Parallel or in the Background in Django Without Using Celery/Redis?
- What is the number at the end of the Django GET log?
- how to resolve latency issue with django M2M and filter_horizontal in ModelAdmin panel?
- Getting Access Denied Error When Hitting API (Although, API is working fine when running on LocalHost via Django)
- How to Give A Postgres User SuperUser Privilege Through docker-compose?
- Enter a list of values error in forms when ManyToManyField rendered with different type of input
- How to set PIPENV_IGNORE_VIRTUALENVS=1?
- Running Django process in the background
- Can we have one model serializer for multiple models having the same fields? Django Rest Framework
- How to customize django rest auth password reset email content/template