See online demo and code A demo of showing RGB code Upon clicking the icon, it will display color picker. An icon is displayed ahead of the textbox. You may display color picker as a component as well. Its occurrence is six times in the CSS file, so set the path of images according to the location where you have placed images or img folder, otherwise, color palette would not display correctly. Its path is set in the CSS file, for example:īackground-image: url(“././img/bootstrap-colorpicker/saturation.png”) The plug-in package also includes an “img” folder that contains a few small images. In the section, write the markup of the input field and initiate the plug-in by using the jQuery code.Īlso note, if you place the plug-in CSS file (bootstrap-colorpicker.css ) at your desired location other than default or what I used in the demo, take care of the image paths inside the CSS file. You can get the latest version in many different ways.
