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:

Un custom switch de Bootstrap aplicado sobre un checkbox de un formulario de Symfony

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

Comentarios

Publicada el

7 de noviembre de 2019

Etiquetas

Proyectos Symfony destacados

La plataforma de eCommerce 100% Symfony que rivaliza con Magento y PrestaShop. Ver más

Síguenos en @symfony_es para acceder a las últimas noticias.