Cambiar el ancho de los elementos de formulario creados con ModelForm en Django

La forma más fácil para su caso de uso es usar CSS . Es un lenguaje para definir la presentación. Mire el código generado por el formulario, tome nota de los ID de los campos que le interesan y cambie la apariencia de estos campos a través de CSS.

Ejemplo para el campo long_desc en su formulario de producto (cuando su formulario no tiene un prefijo personalizado):

#id_long_desc {
    width: 300px;
    height: 200px;
}

El segundo enfoque es pasar la palabra clave attrs a tu constructor de widget.

class ProductForm(ModelForm):
    long_desc = forms.CharField(widget=forms.Textarea(attrs={'cols': 10, 'rows': 20}))
    short_desc = forms.CharField(widget=forms.Textarea)
    class Meta:
        model = Product

Es descrito en Django documentation .

El tercer enfoque es dejar la bonita interfaz declarativa de newforms por un tiempo y establecer los atributos del widget en constructor personalizado.

class ProductForm(ModelForm):
    long_desc = forms.CharField(widget=forms.Textarea)
    short_desc = forms.CharField(widget=forms.Textarea)
    class Meta:
        model = Product

    # Edit by bryan
    def __init__(self, *args, **kwargs):
        super(ProductForm, self).__init__(*args, **kwargs) # Call to ModelForm constructor
        self.fields['long_desc'].widget.attrs['cols'] = 10
        self.fields['long_desc'].widget.attrs['rows'] = 20

Este enfoque tiene las siguientes ventajas:

• Puede definir atributos de widget para campos que se generan automáticamente desde su modelo sin redefinir campos enteros.
• No depende del prefijo de tu formulario.