Forum : Theming d'un formulaire imbriqué

Bonjour à tous,

Je travaille sur un projet dans lequel j'utilise l'imbrication de formulaires. Ca marche super mis à part un détail ... Je n'arrive pas à personnaliser le visuel des champs affichés dans le formulaire imbriqué.

Dans mon exemple, l'imbrique un formulaire de type "collection" et je gère son affichage avec jQuery, de sorte à ce que l'utilisateur puisse ajouter autant de formulaire imbriqué qu'il veut.

Pour l'instant, j'affiche le formulaire tout simplement comme ceci :

{{ form_widget(form.bills) }} </script> $(document).ready(function() { var $conteneur = $('#app_appbundle_quote_bills'); var $addLink = $('<a href="#" id="add_bill" class="btn">+ add line</a>'); $conteneur.append($addLink); $addLink.click(function(e) { addBill($conteneur); e.preventDefault(); return false; }); var indx = $conteneur.find(':input').length; if (indx == 0) { addBill($conteneur); } else { $conteneur.children('div').each(function() { addDelLink($(this)); }); } function addBill($conteneur){ var $proto = $($conteneur.attr('data-prototype').replace(/__name__label__/g, '') .replace(/__name__/g, indx)); addDelLink($proto); $conteneur.append($proto); indx++; } function addDelLink($proto){ $delLink = $('<a href="#" class="label label-danger">Cancel</a><br/><br/>'); $proto.append($delLink); $delLink.click(function(e) { $proto.remove(); e.preventDefault(); return false; }); } }); </script>

Voilà ce que ça donne :

J'aimerais pouvoir mettre tout les champs sur une seule ligne mais je n'arrive pas à y accéder sans avoir à casser tout mon script JS.

Quelqu'un aurait une idée de comment s'y prendre ?

Theming d'un formulaire imbriqué

2 réponses