|
|
| Line 99: |
Line 99: |
| | | | |
| | <!---TEST---> | | <!---TEST---> |
| − |
| |
| − | <!-- Special version of Bootstrap that only affects content wrapped in .bootstrap-iso -->
| |
| − | <link rel="stylesheet" href="https://formden.com/static/cdn/bootstrap-iso.css" />
| |
| − |
| |
| − | <!--Font Awesome (added because you use icons in your prepend/append)-->
| |
| − | <link rel="stylesheet" href="https://formden.com/static/cdn/font-awesome/4.4.0/css/font-awesome.min.css" />
| |
| − |
| |
| − | <!-- Inline CSS based on choices in "Settings" tab -->
| |
| − | <style>.bootstrap-iso .formden_header h2, .bootstrap-iso .formden_header p, .bootstrap-iso form{font-family: Arial, Helvetica, sans-serif; color: black}.bootstrap-iso form button, .bootstrap-iso form button:hover{color: white !important;} .asteriskField{color: red;}</style>
| |
| − |
| |
| − | <!-- HTML Form (wrapped in a .bootstrap-iso div) -->
| |
| − | <div class="bootstrap-iso">
| |
| − | <div class="container-fluid">
| |
| − | <div class="row">
| |
| − | <div class="col-md-6 col-sm-6 col-xs-12">
| |
| − | <form method="post">
| |
| − | <div class="form-group ">
| |
| − | <label class="control-label " for="date1">
| |
| − | Date
| |
| − | </label>
| |
| − | <div class="input-group">
| |
| − | <div class="input-group-addon">
| |
| − | <i class="fa fa-calendar">
| |
| − | </i>
| |
| − | </div>
| |
| − | <input class="form-control" id="date1" name="date1" placeholder="MM/DD/YYYY" type="text"/>
| |
| − | <div class="input-group-addon">
| |
| − | <i class="fa fa-black-tie">
| |
| − | </i>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="form-group">
| |
| − | <div>
| |
| − | <button class="btn btn-primary " name="submit" type="submit">
| |
| − | Submit
| |
| − | </button>
| |
| − | </div>
| |
| − | </div>
| |
| − | </form>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <!-- Extra JavaScript/CSS added manually in "Settings" tab -->
| |
| − | <!-- Include jQuery -->
| |
| − | <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
| |
| − |
| |
| − | <!-- Include Date Range Picker -->
| |
| − | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
| |
| − | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
| |
| − |
| |
| − | <script>
| |
| − | $(document).ready(function(){
| |
| − | var date_input=$('input[name="date"]'); //our date input has the name "date"
| |
| − | var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
| |
| − | date_input.datepicker({
| |
| − | format: 'mm/dd/yyyy',
| |
| − | container: container,
| |
| − | todayHighlight: true,
| |
| − | autoclose: true,
| |
| − | })
| |
| − | })
| |
| − | </script>
| |
| | | | |
| | | | |
