Topic: Color picker not opening

Doc free asked 5 years ago


I'm using MDB Pro 4.7.3 Gulp version. I installed ColorPicker by just dragging the pluginfolders over my "dist" directory and selecting to NOT overwrite existing files. I added a button on a html page copy-pasting the example given in the doc : https://mdbootstrap.com/plugins/jquery/color-picker/ I click on the button : nothing happens. I tried to put the scss file in the scss folder which is not under the dist folder, and then call it from the mdb.scss file : @import "color-picker/color-picker"; Again, no success. How can I make my color picker addon work ?


Damian Gemza staff answered 5 years ago


Yes,

Please send it to me via email. Here's my address: d.gemza@mdbootstrap.com


Doc free answered 5 years ago


I would love to paste my code here but, apparently, your "code" tags don't work if I try to paste the whole page. Is there an e-mail I can send you these two files to ?


Damian Gemza staff answered 5 years ago


Dear Doc,

Could you please paste me here the code from your index.html file? I would like to debug your code, because there's must be something wrong.

Gerard Fossoul,

The pickr.min.css and pickr.min.js files are coming from the Color Picker plugin, which you have to buy separately. Here's the Color Picker page.

Best Regards,

Damian


Gerard Fossoul pro answered 5 years ago


where is the pickr.min.css and pickr.min.js in bundle 4.7.3? not found in this folder!!!


Doc free answered 5 years ago


That didn't work.

I put the pickr.min.css file into the dist/css/addons/ folder I put the pickr.min.js file into the dist/js/addons folder

I opened the index file you provide with the gulp 4.7.3 package. I removed the things written in the middle, between the "start your project here" lines.

I referenced the links in this page :

I went to this example (the one with the button) : https://mdbootstrap.com/plugins/jquery/color-picker/ I pasted the js file into my custom js file (which I also referenced on the page) I pasted the html on the page

On the page, the button is here, but when I click it, nothing appears. No color picker.


Damian Gemza staff answered 5 years ago


Dear Doc,

You have to copy only the pickr.min.css and pickr.min.js files from the css/addons and js/addons directories (from the color picker plugin archive) to the dist/css/addons and dist/js/addons directories in your MDB Gulp folder.

Then you have to import the pickr.min.css and pickr.min.js files in your index.html file, and that's all.

If you'll follow these steps properly, you'll get the working Color Picker plugin.

Best Regards,

Damian



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.6.1
  • Device: PC
  • Browser: Firefox
  • OS: Windows 10 x64
  • Provided sample code: No
  • Provided link: Yes