Home / Programming / Python / Django / Djangoメモ:DjangoデフォルトのフォームにCSSを適用する方法 – Pycharm

Djangoメモ:DjangoデフォルトのフォームにCSSを適用する方法 – Pycharm

Djangoデフォルトのフォームは見た目がよくないのでCSSでカスタマイズしたい人向けです。今回はPycharmでの操作です。まず、Pycharm画面上から次の通りアクセスします。

File > Settings > Project hogehoge > Project Interpreter > 右上にある+ボタン > 検索ボックスにdjango-widget-tweaksを入力 > Install packagesをクリックで完了

Formのコードを書くファイルに(templatesのhtmlファイル等)、以下を追記

{% load widget_tweaks %}

Djangoのテンプレートタグのform上で、次のように追記:
例 bootstrapのCSS: form-controlを適用する場合(尚、ここではbootstrapの実装は割愛)

{{form.hogehoge|add_class:"form-control"}}

Check Also

python

Pythonメモ:Windowsでファイル操作(Path指定時)でのエラー対応

相対Pathはうまくできたのに …