This commit is contained in:
Syed Amir
2017-09-21 12:07:32 +08:00
parent f08e0b85b8
commit 974ca23bf5
+41 -24
View File
@@ -31,6 +31,8 @@
<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
<!-- END THEME LAYOUT STYLES -->
<link href="../assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
<style>
div.dt-button-collection {
margin-top: 70px;
@@ -477,30 +479,35 @@
<div class="portlet-body">
<div style="margin-top:60px" class="form-group">
<label for="so" class="col-md-2 control-label">Shipping Order</label>
<div class="col-md-9">
<select class="form-control select2">
<optgroup label="Order No">
<option>Please select</option>
<option value="000">00012 </option>
<option value="001">00114</option>
<option value="002">00216</option>
<option value="004">00418</option>
<option value="006">00624</option>
<option value="183">18332</option>
<option value="187">18742</option>
<option value="197">19745</option>
<option value="256">25654</option>
<option value="287">28782</option>
<option value="348">34829</option>
<option value="368">36894</option>
<option value="380">38090</option>
<option value="426">42679</option>
<option value="448">44895</option>
<option value="468">46894</option>
<option value="489">48939</option>
<option value="578">57839</option>
</optgroup>
</select>
<div class="col-md-10">
<div class="input-group select2-bootstrap-append">
<select id="multi-append" class="form-control select2" multiple>
<option></option>
<option value="000">00012 </option>
<option value="001">00114</option>
<option value="002">00216</option>
<option value="004">00418</option>
<option value="006">00624</option>
<option value="183">18332</option>
<option value="187">18742</option>
<option value="197">19745</option>
<option value="256">25654</option>
<option value="287">28782</option>
<option value="348">34829</option>
<option value="368">36894</option>
<option value="380">38090</option>
<option value="426">42679</option>
<option value="448">44895</option>
<option value="468">46894</option>
<option value="489">48939</option>
<option value="578">57839</option>
</select>
<span class="input-group-btn">
<button class="btn btn-default" type="button" data-select2-open="multi-append">
<span class="glyphicon glyphicon-search"></span>
</button>
</span>
</div>
</div>
<div class="col-md-6">
<div style="margin-top:30px" class="form-group">
@@ -996,6 +1003,8 @@
<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<script src="../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
<!-- END THEME LAYOUT SCRIPTS -->
<script>
@@ -1577,6 +1586,14 @@ var FormWizard = function () {
jQuery(document).ready(function() {
FormWizard.init();
$.fn.select2.defaults.set("theme", "bootstrap");
var placeholder = "Please select order no";
$(".select2, .select2-multiple").select2({
placeholder: placeholder,
width: null
});
});
</script>