To the container of the directive. I just tested on a real device (Android 4.1.2) and the touch / tap works. I can scroll (?) on the wheel without problems. But the same thing happened as in the emulator, it looks ugly
I can’t replicate the “looking ugly” problem. Thanks to your help it works in my emulator as on my device in a blank app.
I now need to figure out what the problem is including it in the app im working on (controlling some rgb leds in my living room hooked up to an ESP8266).
I just noticed in firefox it says “The Web Console logging API (console.log, console.info, console.warn, console.error) has been disabled by a script on this page.” but I can’t find anything console related in the farbtastic code so that may not be related?
Also - where would I best pass options e.g. width and height?
The code will go on github in the rgbcubes repository since all those educational projects should also help others get stuff done quicker.
Regarding console.logging - thanks - I also tried googling it It’s not a priority atm though.
Setting width and height doesn’t seem to be exposed to the angular module so it defaults to 300px.
It should of course adjust to the available space inside the app - so I need to extend the angualar part
of the farbtastic script, right?
The only thing that is exposed to angular is the setcolor function.
Since I can’t figure out how to use that function - how would I set e.g. the initial color different to 808080 with setcolor?
I’ve been trying to modify the entire plugin so it doesn’t depend on jquery but it’s going to take some time. So… you better fork that repo and apply the changes we are making to angular-farbtastic. Then install it using bower and load it on your html file, instead of the original module.
It does work when you drag, inside the color picker and wheel. Not only in the emulator but also on a real device and web browser. Again, on my device it looks ugly and maybe it’s because the model (?)