Replace django forms.ImageField input button to bootstrap-like button

Question

I'm trying to change the ugly input type="file" to a more stylish bootstrap button. I tried to modify the widget giving him attrs of class btn btn-lg btn-primary but it gives some weird styling. I appreciate if there's a solution without using django-crispy-forms.

class CreateProductForm(forms.ModelForm):
    class Meta:
        model = Product

    def __init__(self, *args, **kwargs):
        super(CreateProductForm, self).__init__(*args, **kwargs)
        self.fields['picture'] = forms.ImageField(u'imagen', widget=forms.ClearableFileInput(attrs={'class':'btn btn-lg btn-primary'}))

Community · Accepted Answer · 2017-05-23 11:57:10Z

0

i think the problem is 'class':'btn btn-lg btn-primary' if you want stylish bootstrap button you can checkenter link description here

edited May 23, 2017 at 11:57

CommunityBot

11 silver badge

answered Jul 29, 2014 at 14:16

slim_chebbi

8186 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Replace django forms.ImageField input button to bootstrap-like button

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related