PrestaShop Developer Conference
PrestaShop Developer Conference
Paris, France - November 6, 2024
Let's talk code, commerce and open source.

MaterialChoiceTableType

MaterialChoiceTableType renders checkbox choices using table layout. It requires Javascript component to work as expected.

Type options

Option Type Default value Description
expanded bool true Whether the table should be expanded by default or not
multiple bool true Whether to enable multiple checkboxes selection or no

Required Javascript components

Component Description
ChoiceTable Manages selection of all checkboxes

Code example

<?php
// path/to/your/CustomType.php
    
use PrestaShopBundle\Form\Admin\Type\MaterialChoiceTableType;
use Symfony\Component\Form\AbstractType;

class CustomType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('group_access', MaterialChoiceTableType::class)
        ;
    }
}

Then in Javascript you have to enable ChoiceTable component.

import ChoiceTable from 'admin-dev/themes/new-theme/js/components/choice-table';

// initiate the component.
new ChoiceTable();

Preview example

MaterialChoiceTableType rendered in form example