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 : customize button's layout

Use up, down, add and remove options to customize your buttons.

Note that you can still do more advanced customization (of button's position) using your form theme.

---

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

---

Add, move, remove values and press Submit.

Value

Value

Value

Submit

Value :a

Value :b

Value :c

Code used:

    <script type="text/javascript">

        $('.form-collection').collection({
            up: '<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up"></span></a>',
            down: '<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-arrow-down"></span></a>',
            add: '<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-plus-sign"></span></a>',
            remove: '<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-trash"></span></a>'
        });

    </script>