Fixed use of <form>, make it possible (do not break design) to use submit buttons within <from></form> also with modal dialog.

This commit is contained in:
Martin Edenhofer 2012-04-13 16:42:33 +02:00
parent 699d024f08
commit 6babb3a14d
4 changed files with 42 additions and 35 deletions

View file

@ -1,13 +1,13 @@
<div class="modal-header">
<a href="#" class="close">&times;</a>
<h3><%= @head %></h3>
</div>
<div class="modal-body">
<form class="form-horizontal">
<%- @form %>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-primary submit">Submit</button>
<button class="btn secondary cancel">Cancel</button>
</div>
<div class="modal-header">
<a href="#" class="close">&times;</a>
<h3><%= @head %></h3>
</div>
<div class="modal-body">
<%- @form %>
</div>
<div class="modal-footer">
<button class="btn btn-primary submit">Submit</button>
<button class="btn secondary cancel">Cancel</button>
</div>
</form>

View file

@ -1,13 +1,13 @@
<div class="modal-header">
<a href="#" class="close">&times;</a>
<h3><%= @head %></h3>
</div>
<div class="modal-body">
<form class="form-horizontal">
<%- @form %>
<div class="modal-header">
<a href="#" class="close">&times;</a>
<h3><%= @head %></h3>
</div>
<div class="modal-body">
<%- @form %>
</div>
<div class="modal-footer">
<button class="btn btn-primary submit">Submit</button>
<button class="btn cancel">Cancel</button>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-primary submit">Submit</button>
<button class="btn cancel">Cancel</button>
</div>

View file

@ -1,13 +1,13 @@
<div class="modal-header">
<a href="#" class="close">&times;</a>
<h3><%= @head %></h3>
</div>
<div class="modal-body">
<form class="form-horizontal">
<%- @form %>
<div class="modal-header">
<a href="#" class="close">&times;</a>
<h3><%= @head %></h3>
</div>
<div class="modal-body">
<%- @form %>
</div>
<div class="modal-footer">
<button class="btn btn-primary submit">Submit</button>
<button class="btn cancel">Cancel</button>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-primary submit">Submit</button>
<button class="btn cancel">Cancel</button>
</div>

View file

@ -12,7 +12,14 @@ body {
[class*=" icon-"] {
background-image: url("../assets/glyphicons-halflings.png");
}
/*
* removed margin of forms to not break the layout with submit buttons within <form></form> area e. g. for modal dialogs
*/
form {
margin: 0 0 0 0;
}
.edit {
min-height:30px;
}