Увеличьте поле ModelForm в Django

Question

У меня есть ModelForm, где есть поле описания.Django генерирует поле в стандартном размере, но я бы хотел сделать его, скажем, в два раза больше.Я, кажется, не могу в Google, как это сделать.

HTML

{% extends 'base.html' %}

{% block body %}

  <div class="container">
    <form method="POST">

      <br>
      <br>
      <br>
      {% csrf_token %}

        <div class="column">
          <label for="form.reference">Reference ID: </label><br>
          <!-- <input type="text" value="{{ reference_id }}">-->
           {{ form.reference }}
          <br>
        </div>
        <div class="description">
        <div class="column">
          <label for="form.description">Description: </label>
          <br>
          {{ form.description}}
        </div>
        </div>
        <div class="column">
          <label for="form.cases">Cases: </label>
          <br>
          {{ form.cases }}
          <br>
        </div>
        <div class="column">
          <label for="form.count">Count: </label>
          <br>
          {{ form.count }}
          <br>
          <br>
        </div>
          <br>
          <br>


      <button type="submit" name="add_mani" style="border-color: #7395AE;">Add Line</button>
    </form>

Forms.py

class CreateManifestForm(forms.ModelForm):

    class Meta:
        model = Manifests
        fields = ('reference', 'cases', 'description', 'count')

Снова я пытаюсь увеличить размерполе для описания

Answer 1

Все, что вам нужно сделать, это написать несколько CSS.Например, вы можете написать так:

# custom.css
.description .column input {
     width:500px;
}

Теперь вы можете написать этот код как встроенный в шаблон.Или, если вы сохраните его где-нибудь, например, /static/css/custom.css, то вы можете добавить его в шаблон.

Допустим, вы добавили существующий CSS в файл base.html следующим образом:

# base.html

{% block css %}
// some css imports
{% endblock %}

Тогда в вашем add_manifest.html файле вы можете попробовать вот так:

{% extends 'base.html' %}
{% load static %}

{% block css %}
{{ block.super }}
<link href={% static 'css/custom.css' %}>
{% endblock %}

// rest of the code