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 @@
|
||||||
|
<form class="form-horizontal">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<a href="#" class="close">×</a>
|
<a href="#" class="close">×</a>
|
||||||
<h3><%= @head %></h3>
|
<h3><%= @head %></h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<form class="form-horizontal">
|
|
||||||
<%- @form %>
|
<%- @form %>
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<button class="btn btn-primary submit">Submit</button>
|
<button class="btn btn-primary submit">Submit</button>
|
||||||
<button class="btn secondary cancel">Cancel</button>
|
<button class="btn secondary cancel">Cancel</button>
|
||||||
</div>
|
</div>
|
||||||
|
</form>
|
|
@ -1,13 +1,13 @@
|
||||||
|
<form class="form-horizontal">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<a href="#" class="close">×</a>
|
<a href="#" class="close">×</a>
|
||||||
<h3><%= @head %></h3>
|
<h3><%= @head %></h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<form class="form-horizontal">
|
|
||||||
<%- @form %>
|
<%- @form %>
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<button class="btn btn-primary submit">Submit</button>
|
<button class="btn btn-primary submit">Submit</button>
|
||||||
<button class="btn cancel">Cancel</button>
|
<button class="btn cancel">Cancel</button>
|
||||||
</div>
|
</div>
|
||||||
|
</form>
|
||||||
|
|
|
@ -1,13 +1,13 @@
|
||||||
|
<form class="form-horizontal">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<a href="#" class="close">×</a>
|
<a href="#" class="close">×</a>
|
||||||
<h3><%= @head %></h3>
|
<h3><%= @head %></h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<form class="form-horizontal">
|
|
||||||
<%- @form %>
|
<%- @form %>
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<button class="btn btn-primary submit">Submit</button>
|
<button class="btn btn-primary submit">Submit</button>
|
||||||
<button class="btn cancel">Cancel</button>
|
<button class="btn cancel">Cancel</button>
|
||||||
</div>
|
</div>
|
||||||
|
</form>
|
||||||
|
|
|
@ -13,6 +13,13 @@ body {
|
||||||
background-image: url("../assets/glyphicons-halflings.png");
|
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 {
|
.edit {
|
||||||
min-height:30px;
|
min-height:30px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue