MopaBootstrapBundle icon indicating copy to clipboard operation
MopaBootstrapBundle copied to clipboard

Inline form spacing

Open MisatoTremor opened this issue 6 years ago • 0 comments

Elements in inline forms currently stick together as form_row uses spaceless.

The example of the BS3 documentation shows this:

<form class="form-inline"> <div class="form-group"> <label for="exampleInputName2">Name</label> <input class="form-control" id="exampleInputName2" placeholder="Jane Doe"> </div> <div class="form-group"> <label for="exampleInputEmail2">Email</label> <input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]"> </div> <button type="submit" class="btn btn-default">Send invitation</button> </form>

But is rendered like this (note that widget_form_group_start does not use spaceless):

<form class="form-inline"><div class="form-group"><label for="exampleInputName2">
        Name
                                        </label><input class="form-control" id="exampleInputName2" placeholder="Jane Doe"></div><div class="form-group"><label for="exampleInputEmail2">
        Email
                                        </label><input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]"></div><button type="submit" class="btn btn-default">Send invitation</button></form>

But I'm unsure if removing spaceless from form_row might break something else so this might be a bit more complicated.

Ideas?

MisatoTremor avatar Mar 09 '18 16:03 MisatoTremor