This website version is not maintained anymore

Up to date documentation is available in Symfony 3.x website (see the dropdown menu above).

JavaScript options : put the "Add" buttons at a custom location

---

This demostration is made of the following files (click to see on GitHub in a new tab):
    -     Controller/OptionsController.php
    -     Resources/views/Options/buttonsCustomLocation.html.twig

---

Collection A

Add, move, remove values and press Submit.

Value

Value

Value

Submit

Value :a

Value :b

Value :c

Collection B

Add, move, remove values and press Submit.

Value

Value

Value

Submit

Value :a

Value :b

Value :c

Value :a

Value :b

Value :c

Code used:

    <script type="text/javascript">

        $('.collectionA-collection').collection({
            allow_up: false,
            allow_down: false,
            custom_add_location: true
        });

        $('.collectionB-collection').collection({
            allow_up: false,
            allow_down: false,
            custom_add_location: true
        });

        $('.collectionC-collection').collection({
            allow_up: false,
            allow_down: false,
            custom_add_location: true
        });

    </script>