7

I make form in Controller like this below.

$form = $this->createFormBuilder($row)
->add('comment',null,array('label' => 'input comment'))

then in the twig file...

{{form_widget(form.commentToMutor)}}

It shows text input box,but it is too small.

How to change size of TextBox

4

4 回答 4

20

扩展@manseuk 的答案(我没有足够的声誉来发表评论),如果您愿意,还可以在表单构建器中指定 html 样式属性:

$form = $this->createFormBuilder($row)
   ->add('comment', null, array(
           'label' => 'input comment', 
           'attr' => array('style' => 'width: 200px')
          )
   );

编辑html attribute for widthhtml style attribute

于 2013-06-03T15:41:43.833 回答
6

您可以class在表单字段中添加一个:

$form = $this->createFormBuilder($row)
   ->add('comment',null,array(
           'label' => 'input comment', 
           'attr' => array('class' => 'myclass')
          )
   );

然后创建与该类相关的 CSS:

.myclass {
   width: 200px;
}

attr此处的属性文档

于 2013-06-03T10:11:19.283 回答
3

或者在树枝文件中:

{# Define CSS class and call #}
{{ form_widget(form.commentToMutor, { 'attr': {'class': 'myclass'} }) }}

{# ... or enter width directly #}
{{ form_widget(form.commentToMutor, { 'attr': {'style': 'width: 200px'} }) }}

更多在这里

于 2013-06-03T10:15:26.187 回答
1

直接设置宽度对我不起作用。我必须通过样式来设置它。当然这是一个简单的解决方法,正确的方法是像其他人建议的那样使用 css 类。

$form = $this->createFormBuilder($row)
   ->add('comment', null, array(
           'label' => 'input comment', 
           'attr' => array('style' => 'width:200px')
          )
   );
于 2014-03-01T10:38:43.923 回答