如何更改 web2py 视图中的 SQLFORM 样式
我希望在我的视图中拥有登录和注册表单的自定义视图，而不失去 SQLFORM 的功能。如何更改视图中表单的“外观”。请给我一些建议，比如我应该修改哪个 CSS 文件。我不了解 HTML 和 CSS，因此我请求您的帮助。
太感谢了 一个思想家:)
I would like to have a custom view of login and register forms in my views, without loosing the functionalities of SQLFORM. How can I change the "look" of the forms in views. Please give me some pointers like which CSS file I should be modifying. I donot have knowledge on HTML and CSS, hence I am asking your help.
Thank you so much
A thinker :)
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
首先，您可以使用
formstyle< 来更改表单的一般 HTML 结构SQLFORM的 /code>参数。它接受值“table3cols”、“table2cols”、“divs”、“ul”、“bootstrap”、“bootstrap3_stacked”和“bootstrap3_inline”，它也可以是生成自定义结构的函数（例如，请参阅gluon.sqlhtml.formstyle_bootstrap3_stacked函数）。对于Auth表单，您可以通过auth.settings.formstyle设置来设置表单样式（请参阅此处）。您可以根据需要修改表单的 CSS。请参阅此处了解相关详细信息。您可能还会发现生成表单然后在浏览器中检查生成的 HTML 源代码以了解表单的结构很有用。如果您使用“welcome”应用程序作为基础，则当前影响表单外观的相关 CSS 文件是 /static/css 中的 sculpture.css 和 web2py.css（从今天刚刚发布的版本 1.99.3 开始）。
如果您需要做的事情超出了通过
formstyle选项和 CSS 更改可以处理的范围，那么您可以在 HTML 中创建完全自定义的表单。请参阅此处和此处了解详细信息。如果您在继续操作时遇到具体问题，请随时在邮件列表中寻求帮助。
First, you can alter the general HTML structure of forms by using the
formstyleargument toSQLFORM. It takes values, "table3cols", "table2cols", "divs", "ul", "bootstrap", "bootstrap3_stacked", and "bootstrap3_inline", and it can also be a function that generates a custom structure (for an example, see thegluon.sqlhtml.formstyle_bootstrap3_stackedfunction). ForAuthforms, you can set the formstyle via theauth.settings.formstylesetting (see here).You can modify the CSS for forms however you like. Look here for relevant details. You may also find it useful to generate a form and then examine the generated HTML source code in your browser to understand the structure of the form. If you are using the "welcome" app as your foundation, the relevant CSS files that currently impact form appearance are skeleton.css and web2py.css in /static/css (as of version 1.99.3, which was just released today).
If you need to do more than can be handled via the
formstyleoption and CSS changes, then you can create a completely custom form in HTML. See here and here for details.If you have specific questions as you proceed, feel free to ask for help on the mailing list.