Symfony stylizacja checkboxa

Question

Cześć 

Mam taką mała zagadkę jak wystylizować checkboxa w formularzu symfony ?

Mam coś takiego :

  ->add('usagePlaces', EntityType::class, [
                'class' => UsagePlace::class,
                'query_builder' => function (EntityRepository $repo) use ($department) {
                    return $repo->createQueryBuilder('p')
                        ->where('p.company = :company')
                        ->orderBy('p.name')
                        ->setParameter('company', $department->getId());;
                },
                'choice_label' => function (UsagePlace $usagePlace) {
                    return $usagePlace->getName();
                },
                'label' => 'mixture.usagePlace.form.label',
                'multiple' => true,
                'expanded' => true,
            ]);

A stylizacja mojego checkboxa wygląda mniej więcej tak:

<label class="container2">
    <input type="checkbox"  onchange="validation()">
    <span class="checkmark"></span>
</label>

I teraz mam pytanie jak można to połączyć tak aby formularz symfony automatycznie tworzył taki check-box ?

Answer 1

Gdyby wystarczyło Ci dodanie atrybutów HTML do samego inputa, to możesz to zrobić z poziomu dodawania pola, które pokazałeś: https://symfony.com/doc/current/reference/forms/types/form.html#attr

Jeżeli potrzebujesz przebudować kod HTML to chyba to będzie najlepsze wyjście:
https://symfony.com/doc/current/form/form_customization.html
https://symfony.com/doc/current/form/form_themes.html

Zdarzenia JavaScriptu możesz (a nawet powinieneś) podpiąć już z samego JS, nie przez atrybuty HTML (żeby nie mieszać).

Comments

Zacząłem czytać dokumentacje , którą mi podesłałeś:

https://symfony.com/doc/current/form/form_customization.html 

Nie dokończa rozumiem przesłanie czy to tak ma być (bo coś nie działa):

twig:

{% form_theme form.mixtureUsagePlace 'checkbox/checkbox.html.twig' %}

i odnośnik do niego:

{% block integer_widget %}
    <label class="container2">GHS-01
        <input type="checkbox" name="pole1" onchange="validation()">
        <span class="checkmark"></span>
    </label>
{% endblock %}

Bo rozumiem ,że z form się odwołuje do nowego dokumentu twig i go podmieniam na ten domyślny co jest ?