Nuevo en Symfony 4.4: Custom Switches de Bootstrap

Symfony incluye un tema de formularios para Boostrap 4 que puedes activar opcionalmente para que los formularios de tu aplicación muestren un diseño igual al definido por Bootstrap 4.

En Symfony 4.4 hemos mejorado este tema para soportar los custom switches de Bootstrap. Los switches, que también se suelen llamar toggles, son realmente checkboxes con un diseño que les hace parecer modernos y muy dinámicos. Seguro que los has visto en muchas aplicaciones móviles y sitios web:

Para utilizarlos en tus formularios, primero activa el tema de Bootstrap 4 y después, añade la clase CSS switch-custom al <label> del campo de tipo CheckboxType correspondiente:

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'],
            ])
        ;
    }
}

Esta funcionalidad fue contribuida por Romaric Drigon en el pull request #33954.

Fuente: New in Symfony 4.4: Bootstrap Custom Switches

• © 2024 - symfony.es
• Contacto
• Privacidad
• Condiciones
• v7