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:
parent
699d024f08
commit
6babb3a14d
4 changed files with 42 additions and 35 deletions
|
@ -1,13 +1,13 @@
|
|||
<div class="modal-header">
|
||||
<a href="#" class="close">×</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">×</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>
|
|
@ -1,13 +1,13 @@
|
|||
<div class="modal-header">
|
||||
<a href="#" class="close">×</a>
|
||||
<h3><%= @head %></h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal">
|
||||
<%- @form %>
|
||||
<div class="modal-header">
|
||||
<a href="#" class="close">×</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>
|
||||
|
|
|
@ -1,13 +1,13 @@
|
|||
<div class="modal-header">
|
||||
<a href="#" class="close">×</a>
|
||||
<h3><%= @head %></h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal">
|
||||
<%- @form %>
|
||||
<div class="modal-header">
|
||||
<a href="#" class="close">×</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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue