Новое в Symfony 4.4: Пользовательские переключатели Bootstrap

Symfony предоставляет шаблон на основе Bootstrap 4 в качестве одной из необязательных тем, этот шаблон можно использовать для оформления форм приложений. В Symfony 4.4 добавили поддержку пользовательских переключателей Bootstrap.

Переключатели (flip switches, toggles) позволяют стилизовать обычные флажки (checkbox), чтобы они выглядели более современными и динамичными. Вы, наверное, видели их во многих приложениях для смартфонов и на веб-сайтах:

Чтобы использовать их в формах Symfony, обязательно включите тему Bootstrap 4 и добавьте настраиваемый CSS-класс switch-custom в метку любого поля формы CheckboxType:

namespace App\Form\Type;

use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
use Symfony\Component\Form\FormBuilderInterface;

class BlogPostType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            // ...
            ->add('published', CheckboxType::class, [
                'label_attr' => ['class' => 'switch-custom'],
            ])
        ;
    }
}

Наверх