自定义使用 field.custom.widget 创建的表单字段的大小

发布于 2024-10-09 02:07:17 字数 1022 浏览 1 评论 0原文

alt text

我使用以下代码在附加图像中生成表单。 是否可以更改表单中字段的大小。 我想减小估计时间的输入字段及其右侧的保管箱字段的大小

{{=form.custom.begin}}
<table>

<table><tr>
<td><b>Type :</b></td><td><div>{{=form.custom.widget.type}}</div></td>
</tr><tr>
<td><b>Title :</b></td><td><div>{{=form.custom.widget.title}}</div></td>
</tr><tr>
<td><b>Description :</b></td><td><div>{{=form.custom.widget.description}}</div></td>
</tr><tr>
<td><b>Estimated Time :</b></td><div'><td>{{=form.custom.widget.estimated_time}}{{=form.custom.widget.estimated_time_unit}}</td> </div>
</tr>
<tr>
<td></td><td><div align='center'>{{=form.custom.submit}}</div></td>
</tr>
</table>

{{=form.custom.end}}

alt text

I used the following code to generate a form in attached image.
Is it possible to change the size of the fields in the form.
I want to decrease size of input field of Estimated time and the dropbox field to the right of it

{{=form.custom.begin}}
<table>

<table><tr>
<td><b>Type :</b></td><td><div>{{=form.custom.widget.type}}</div></td>
</tr><tr>
<td><b>Title :</b></td><td><div>{{=form.custom.widget.title}}</div></td>
</tr><tr>
<td><b>Description :</b></td><td><div>{{=form.custom.widget.description}}</div></td>
</tr><tr>
<td><b>Estimated Time :</b></td><div'><td>{{=form.custom.widget.estimated_time}}{{=form.custom.widget.estimated_time_unit}}</td> </div>
</tr>
<tr>
<td></td><td><div align='center'>{{=form.custom.submit}}</div></td>
</tr>
</table>

{{=form.custom.end}}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

在梵高的星空下 2024-10-16 02:07:17

是的。你可以,而且有很多方法。

推荐的方法是查看生成的 JS。您会发现它遵循书中描述的命名约定。您可以使用 CSS 来更改每个小部件的外观和感觉。

input[name=estimate_time] { width:50px }

同样,您可以使用 JS/jQuery(我建议您在视图中执行此操作)。

jQuery(document).ready(function(){ jQuery('input[name=estimate_time]').css('width','50px');});

您还可以在控制器中的 python 中使用类似 jQuery 的语法:

form.element('input[name=estimate_time]')['_style']='width:50px'

Yes. You can and there are many ways.

The recommended way is to look at the generates JS. You will find it follows a naming convention described in the book. You can use CSS to change the look-and feel of every widget.

input[name=estimate_time] { width:50px }

Similarly you can use JS/jQuery (I would recommend you do this in the view).

jQuery(document).ready(function(){ jQuery('input[name=estimate_time]').css('width','50px');});

You can also use jQuery-like syntax in python in the controller:

form.element('input[name=estimate_time]')['_style']='width:50px'
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文