水平对齐多个表单输入

时间:2019-05-18 22:56:42

标签: php html css symfony symfony4

我有一个带有collectionType字段的表单,此字段有3个输入,我想将所有3个输入水平对齐。可以在Symfony中做到这一点吗?

:是否可以为collectionType中的每个元素选择标签?

这是我的表格:

class WorkerType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('Firstname')
            ->add('Lastname')
            ->add('tasks', CollectionType::class, [
                'label'        => 'Tasks',
                'entry_type'   => TasksType::class,
                'allow_add'    => true,
                'allow_delete' => true,
                'prototype'    => true,
                'required'     => false,
                'by_reference' => false,
                'delete_empty' => true,
                'attr'         => [
                    'class' => 'collection',
                ],
            ])

        ;
                $builder->add('save', SubmitType::class, [
                'label' => 'Valider',
        ]);
    }

    public function configureOptions(OptionsResolver $resolver)
    {
        $resolver->setDefaults([
            'data_class' => worker::class,
        ]);
    }
}

这是我的任务表:

class TasksType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder

        ->add('label')
        ->add('start')
        ->add('end')
;
    }

这是我的_form.html.twig:


{% block extra_js %}
    <script src="{{ asset('jquery.collection.js') }}"></script>
{% endblock %}

{% block body %}
    <div class="row">
        {%
            form_theme form
                'jquery.collection.html.twig'
                'TaksTemplate.html.twig'
        %}
{{ form_start(form) }}
    <div class="my-custom-class-for-errors">
        {{ form_errors(form) }}
    </div>

        <div class="col">
            {{ form_row(form.Firstname, {'label': 'firstname'}) }}
        </div>
        <div class="col" >
            {{ form_row(form.Lastname, {'label': 'Lastname'}) }}
        </div>

        <div class="col">
            {{ form_row(form.tasks, {'label': 'tasks'}) }}
        </div>

    </div>
{{ form_end(form) }}    </div>
{% endblock %}

{% block script %}

    <script type="text/javascript">
        $('.collection').collection({
            'drag_drop_options': {
                'placeholder': null
            }
        });
    </script>

{% endblock %}

1 个答案:

答案 0 :(得分:0)

  

还:是否可以为collectionType中的每个元素选择标签?

不。您不能在symfony collectionType中使用多个标签。

  

我想将所有三个水平对齐。

使用HTML CSS标签再次询问