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 ?
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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