How to disable resize textarea in django?

Question

I'm trying to disable resize to the textarea widget in django, this is my form:

class VForm(forms.ModelForm):
    class Meta:
        model = Visions
        widgets = {'vision': forms.Textarea(attrs={'rows':6,
                                                   'cols':22,
                                                   'resize':'none'}),
        }

Adding the resize property to none isn't working

possible duplicate of [How to disable resizable property of textarea?](http://stackoverflow.com/questions/5235142/how-to-disable-resizable-property-of-textarea) — Aamir Rind, Jun 12 '14 at 18:06
@AamirAdnan not sure if it is a duplicate. The question is django-specific. — alecxe, Jun 12 '14 at 18:08
Why could be this a duplicate? I'm asking if it is possible through django widget attr — Marco Herrarte, Jun 12 '14 at 18:08

score 17 · Accepted Answer · answered Jun 12 '14 at 18:14

17

The simplest way to do this is to add a style attribute:

 widgets = {'vision': forms.Textarea(attrs={'rows':6,
                                            'cols':22,
                                            'style':'resize:none;'}),
    }

answered Jun 12 '14 at 18:14

davko

449
2
13

score 2 · Answer 2 · answered Jun 12 '14 at 18:12

Something like this in your CSS:

.no-resize {
    resize: none;
}

And this in your Python to add the class:

class VForm(forms.ModelForm):
    class Meta:
        model = Visions

    def __init__(self, *args, **kwargs):
        """
        This has been overridden to customise the textarea form widget.
        """
        super(VForm, self).__init__(*args, **kwargs)

        self.fields['vision'].widget.attrs['class'] = 'no-resize'

score 1 · Answer 3 · edited Sep 28 '15 at 12:01

1

I think the better way is using style instead of class:

class VForm(forms.ModelForm):
    class Meta:
        model = Visions
    def __init__(self, *args, **kwargs):        
        super(VForm, self).__init__(*args, **kwargs)
        self.fields['vision'].widget.attrs['style'] = 'resize:none'

edited Sep 28 '15 at 12:01

IKavanagh

6,089
11
42
47

answered Sep 28 '15 at 11:42

Sergi Ramón

185
1
4

How to disable resize textarea in django?

3 Answers3