Как стилизовать поле типа repeatType? - PullRequest
0 голосов
/ 16 апреля 2020

С symfony 5, у меня есть представление, содержащее форму (для создания нового пользователя). В этой форме я добавляю поле RepeatedType для пароля.

Все отлично работает.

Теперь я хочу добавить какой-то стиль, но у меня возникают трудности:

enter image description here

С API Symfony я нашел, как добавить css класс к div '#user_password' (черный ящик на изображении), я нашел, как добавить css класс для ввода (зеленое поле на изображении). Но я не могу найти, как добавить класс в div в синем поле на изображении. Я ищу способ добавить класс 'col-6' к 'blue div'

Мой код:

        ->add('password', RepeatedType::class, [
            'type' => PasswordType::class,
            'label' => false,
            'first_options'  => [
                'label' => false,
                'attr' => [
                    'class' => 'form-control trapezoid',
                    'placeholder' => 'Password'
                ]
            ],
            'second_options' => [
                'label' => false,
                'attr' => [
                    'class' => 'form-control trapezoid',
                    'placeholder' => 'Password²'
                ]
            ],
            'attr' => [
                'class' => 'row',
            ],
            'row_attr' => [
                'class' => 'col-6', // has no effect
            ]
        ])

и код в файле ветки для пароля поля:

<div>
    {{ form_widget( form.password) }}
</div>
{{ form_help(   form.password) }}
{{ form_errors( form.password) }}

1 Ответ

1 голос
/ 16 апреля 2020

Используйте ' row_attr ' внутри first_option и second_option

'first_options'  => 
[
    'label' => false,
    'attr' => [
        'class' => 'form-control trapezoid',
        'placeholder' => 'Password'
    ],
    'row_attr' => [
        'class' => 'col-6', 
    ]
],
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...