如何添加一个图像旁边的输入复选框
问题描述:
我有一个下面的复选框字段(1)
我想添加一个图像到复选框。如何添加一个图像旁边的输入复选框
我用下面的方式将它添加到树枝文件中(2),但它放置不好。 我想将它放在下面的方法(3)
// (1)
->add('remove_avatar', 'checkbox', array(
'label' => 'user.label.current_avatar',
'required' => false,
'mapped' => false,
))
// (2)
{{ form_widget(form) }}
<span class="user">
<img src="{{ get_avatar(user) }}" class="user-avatar">
</span>
// (3)
<div class="controls">
<img src="some_like">
<input type="checkbox" id="profile_remove_avatar" name="profile[remove_avatar]" value="1">
<label class="control-label" for="profile_remove_avatar">Remove the current avatar</label>
</div>
什么是做到这一点的最好方法是什么?
答
而不是渲染整个表格只有form_widget(form)
如果你为每个字段渲染自己,你可以做更多的事情。就像这样:
<div class="controls">
<img src="some_like">
{{ form_widget(form.remove_avatar) }}
{{ form_label(form.remove_avatar) }}
</div>
如果你有你的形式更多的领域使它们以同样的方式OR地方他们都在与form_rest(form)
结束。
这是您如何从树枝模板内部自定义symfony2形式。所以我认为这是最好和最简单的方法。