|
|
@ -9,11 +9,6 @@ type : 'Library' |
|
|
|
<!-- TEST JS HERE !--> |
|
|
|
<script type="text/javascript"> |
|
|
|
$(document).ready(function() { |
|
|
|
$('.dropdown').dropdown({ |
|
|
|
onChange: function(value, text, $element){ |
|
|
|
console.log('Item Selected', $element.data('value')); |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
</script> |
|
|
|
|
|
|
@ -22,17 +17,22 @@ $(document).ready(function() { |
|
|
|
</style> |
|
|
|
|
|
|
|
<div style="max-width: 1000px;margin:2em auto;"> |
|
|
|
|
|
|
|
|
|
|
|
<select class="ui search dropdown"> |
|
|
|
<option value="">State</option> |
|
|
|
<option value="AL">Alabama</option> |
|
|
|
<option value="AL">Alabama</option> |
|
|
|
<option value="AK">Alaska</option> |
|
|
|
<option value="AZ">Arizona</option> |
|
|
|
<option value="AR">Arkansas</option> |
|
|
|
<option value="CA">California</option> |
|
|
|
<option value="CO">Colorado</option> |
|
|
|
</select> |
|
|
|
|
|
|
|
<div class="ui form segment"> |
|
|
|
<div class="ui middle aligned page grid"> |
|
|
|
<div class="six wide column"> |
|
|
|
<label> |
|
|
|
<i class="disk outline icon"></i> |
|
|
|
Foo: |
|
|
|
</label> |
|
|
|
</div> |
|
|
|
<div class="ten wide column"> |
|
|
|
<div class="ui labeled input"> |
|
|
|
<div class="ui label"> |
|
|
|
abcdefghijklmnopqrstuvwxyz |
|
|
|
</div> |
|
|
|
<input type="text" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |