Skip to content

Commit

Permalink
Improve layout
Browse files Browse the repository at this point in the history
  • Loading branch information
dougword committed Mar 2, 2024
1 parent c74d280 commit fed0caa
Showing 1 changed file with 17 additions and 15 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -19,48 +19,50 @@
<div class="container-fluid">
<div class="row-fluid hidden" id="result">
<br />
<div id="suc" class="col-md-6 col-md-offset-2 toast-pf alert alert-success">
<span class="pficon pficon-ok"></span>
<p class="message"></p>
</div>
<div id="err" class="col-md-6 col-md-offset-2 toast-pf alert alert-warning">
<span class="pficon pficon-warning-triangle-o"></span>
<p class="message"></p>
<div class="col-md-12">
<div id="suc" class="col-md-7 col-md-offset-2 toast-pf alert alert-success">
<span class="pficon pficon-ok"></span>
<p class="message"></p>
</div>
<div id="err" class="col-md-7 col-md-offset-2 toast-pf alert alert-warning">
<span class="pficon pficon-warning-triangle-o"></span>
<p class="message"></p>
</div>
</div>
</div>

<div class="row-fluid">
<br />
<form>
<div class="form-group row-fluid">
<div class="form-group row">
<label for="title" class="col-sm-2 col-form-label">Title</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="title" placeholder="Book title">
</div>
<div class=col-sm-2">
<div class="col-sm-2">
<em>Must not be blank</em>
</div>
</div>
<div class="form-group row-fluid">
<div class="form-group row">
<label for="author" class="col-sm-2 col-form-label">Author</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="author" placeholder="Book author">
</div>
<div class=col-sm-2">
<div class="col-sm-2">
<em>Must not be blank</em>
</div>
</div>
<div class="form-group row-fluid">
<div class="form-group row">
<label for="page" class="col-sm-2 col-form-label">Number of pages</label>
<div class="col-sm-7">
<input type="number" class="form-control" id="pages" placeholder="Number of pages">
</div>
<div class=col-sm-2">
<div class="col-sm-2">
<em>Must be positive</em>
</div>
</div>
<div class="form-group row-fluid">
<div class="col-sm-10">
<div class="form-group row">
<div class="col-sm-12">
<button id="try-manual-validation" type="button" class="btn btn-primary">Try me - Manual validation</button>
<button id="try-end-point-method-validation" type="button" class="btn btn-primary">Try me - End point method validation</button>
<button id="try-service-method-validation" type="button" class="btn btn-primary">Try me - Service method validation</button>
Expand Down

0 comments on commit fed0caa

Please sign in to comment.