簡體   English   中英

在 html 中造型 django 過濾器形式

[英]Styling django filter form in html

這是我的 django 過濾器表單當前的外觀:

在此處輸入圖像描述

這是我的 html 代碼:

      <form action="" method="get" class="form-inline">
           {{myfilter.form|bootstrap}}

         <button class="btn btn-primary" type="submit">
           Search</button>
      </form>

我遇到以下問題:

  1. 如何將過濾器置於頁面中心?

  2. 如何將“名稱包含”更改為“名稱”?

  3. 如何將文本的顏色更改為白色以使它們更明顯?

我試圖在網上搜索它,但沒有運氣。 一點幫助將不勝感激。 謝謝!

編輯:

這是我的filters.py:

class WeeklyFilter(django_filters.FilterSet):
    Name = CharFilter(field_name='Name', lookup_expr='icontains')


    class Meta:
        model = Weekly
        fields = '__all__'
        exclude = ['Close','Score']

還有我的models.py:

Name = models.CharField(max_length=200, null=True)
Close = models.FloatField(null=True)
Score = models.IntegerField(null=True)
Result = models.CharField(max_length=200, choices=choices1,  null=True)

def __str__ (self):
    return self.Name

編輯2:

在此處輸入圖像描述

您可以通過向表單添加屬性來使文本像這樣可見

Name = CharFilter(widget=forms.TextInput(attrs={"class":"form-control text-white text-center","max_length":"100"}))

並將此 class 添加到您的表單標簽

<form action="" method="get" class="form-inline justify-content-center">

如果有人正在使用 django-filter 庫,可以在 html 文件中進行操作:

...
{% load widget_tweaks %}
...
    <div class="col-10">
        {{ filter.form.somefield.label_tag }}
        {% render_field filter.form.somefield class="form-select form-select-sm" %}
    </div>

pip install django-widget-tweaks

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM