Admin Pro

Colorpicker

Colorpicker

Simple mode
Complex mode
Gradiant mode

Code Here:


									
<h5 class="card-title">Simple mode</h5>
<div class="example border-bottom pb-3">
    <input type="text" class="colorpicker form-control" value="#7ab2fa" />
</div>
<h5 class="card-title mt-3">Complex mode</h5>
<div class="example border-bottom pb-3">
    <input type="text" class="complex-colorpicker form-control" value="#fa7a7a" />
</div>
<h5 class="card-title mt-3">Gradiant mode</h5>
<div class="example border-bottom pb-3">	
    <input type="text" class="gradient-colorpicker form-control" value="#bee0ab" /> 
</div>
									
								

Init Code


									
$(".colorpicker").asColorPicker();
    $(".complex-colorpicker").asColorPicker({
        mode: 'complex'
    });
    $(".gradient-colorpicker").asColorPicker({
        mode: 'gradient'
    });

									
								

Required Files For Colorpicker Here


									
<!-- CSS Here -->
<link href="../assets/plugins/jquery-asColorPicker-master/dist/css/asColorPicker.css" rel="stylesheet">

<!-- Javascript Here -->
<script src="../assets/plugins/jquery-asColorPicker-master/dist/jquery-asColorPicker.min.js"></script>
									
								
All Rights Reserved by MaterialPro. Designed and Developed by WrapPixel.