SQLFORM の機能を失うことなく、自分のビューにログインおよび登録フォームのカスタム ビューを作成したいと考えています。ビュー内のフォームの「外観」を変更するにはどうすればよいですか? どのCSSファイルを変更する必要があるかなど、いくつかの指針を教えてください。HTMLとCSSの知識がないので、よろしくお願いします。
どうもありがとう 思想家:)
SQLFORM の機能を失うことなく、自分のビューにログインおよび登録フォームのカスタム ビューを作成したいと考えています。ビュー内のフォームの「外観」を変更するにはどうすればよいですか? どのCSSファイルを変更する必要があるかなど、いくつかの指針を教えてください。HTMLとCSSの知識がないので、よろしくお願いします。
どうもありがとう 思想家:)
まず、formstyle
引数 toを使用して、フォームの一般的な HTML 構造を変更できますSQLFORM
。「table3cols」、「table2cols」、「divs」、「ul」、「bootstrap」、「bootstrap3_stacked」、および「bootstrap3_inline」の値を取り、カスタム構造を生成する関数にすることもできます (例として、関数を参照してくださいgluon.sqlhtml.formstyle_bootstrap3_stacked
)。Auth
フォームの場合、設定でフォーム スタイルを設定できますauth.settings.formstyle
(こちらを参照)。
フォームの CSS は自由に変更できます。関連する詳細については、こちらをご覧ください。フォームを生成し、生成された HTML ソース コードをブラウザで調べて、フォームの構造を理解することも役立つ場合があります。「ようこそ」アプリを基盤として使用している場合、現在フォームの外観に影響を与える関連 CSS ファイルは、/static/css 内の skeleton.css と web2py.css です (本日リリースされたばかりのバージョン 1.99.3 の時点で)。
formstyle
オプションと CSSの変更によって処理できる以上のことを行う必要がある場合は、HTML で完全にカスタム フォームを作成できます。詳細はこちらとこちらをご覧ください。
作業を進めていく上で具体的な質問がある場合は、メーリング リストでお気軽にお問い合わせください。