Stack Overflow
Stack Overflow

Questions tagged [spectrumjs]

Spectrum is a JavaScript color picker plugin using the jQuery framework.

Spectrum is a color picker plugin, made by Brian Grinstead, that's used in Chrome, Firefox, and Safari devtools to make picking colors easier for web developers and designers. Further documentation on this plugin can be found at https://bgrins.github.io/spectrum/

37 questions
1
vote
1 answer

Change height makes problems

I implemented spectrum color picker. I'm trying to change the alpha sliders height. (The one with the class name: .sp-alpha.) When I do that, then the color picker containers (class name: sp-top-inner) height changes. How can I edit the source file…
Horay
  • 1,388
  • 2
  • 19
  • 36
1
vote
1 answer

Make black dot behind around div

I implemented Spectrum Color Picker. There is a slight change I want to make. The black dot that you can drag to select a color, the class name is sp-dragger. I want to edit the source file so that when you drag the black dot all the way to the…
Horay
  • 1,388
  • 2
  • 19
  • 36
1
vote
2 answers

Submit color spectrum data to PHP back end using AJAX

Here is what I am trying to do: Pick color Display value Display color in div On submit, post AJAX to PHP I feel like I am very close, just need that extra push as to where I am going wrong. Here's a JSFiddle. My current…
user5400577
0
votes
1 answer

Problem when changing color manually on Spectrumjs

I am using spectrum color selector to select the color of events for my calendar (fullcalendar) and It works just fine. The problem comes when i try to modify one of those events. I have two different color selectors (both of them are spectrum) and…
MakiMH3
  • 1
  • 2
0
votes
1 answer

Is it possible to align react Fragement?

I am having a react fragment which shows loader on user clicking button.The loader is shown until response comes.Everything works fine ,except that the fragment which has loader, should be aligned to a little right.As of now my fragment code to show…
user124
  • 423
  • 2
  • 7
  • 26
0
votes
1 answer

Preventing Error when using jQuery Spectrum Color Picker to Call an Ajax function

I am using jQuery Spectrum and trying to call another function when a color is changed. The other function has an ajax call, however, and when it runs, I get this error: spectrum.js?ver=1.0.7:1277 Uncaught TypeError: Cannot read property…
CRAIG
  • 977
  • 2
  • 11
  • 25
0
votes
1 answer

spectrum.js palette not display properly in UI

I am trying to display a spectrum color picker but somehow palettes are not displaying properly. Here Is the code // Angular js code function displayColorPicker()…
e kanojia
  • 67
  • 1
  • 2
  • 12
0
votes
1 answer

Loading third party from manifest in SAPUI5

Environment : Framework : SAPUI5 V1.38 IDE : SAP WEB IDE Problem : I would like to use this like to use this 3rd party https://seballot.github.io/spectrum/ in my SAPUI5 Application (there is not yet colorPicker standard component in V1.38), and…
SylwekFr
  • 308
  • 3
  • 21
0
votes
1 answer

Setting freedrawcolor with Spectrum Color Picker

I've got a fabricjs canvas initiated with a color picker toggled via a button. I'd like to set the freedrawcolor with this but haven't had any luck. Here's what I'm working with now: https://jsfiddle.net/code4ever/7djLqobh/ var canvas =…
anonymoose
  • 1,169
  • 2
  • 21
  • 62
0
votes
1 answer

Input from Spectrum js for polymer data binding

I am looking to dynamically insert a spectrum input field to have a more customized color picker in my template. The issue I've encountered is that the object I want to bind data to is null from inside of spectrum functions. I'm wondering what the…
jackie
  • 624
  • 2
  • 13
  • 35
0
votes
1 answer

Spectrum.js reset the color picker to "blank"

I am using spectrum.js as a color picker and I like it a lot. There are two things I can't figure out how to do though. My config looks like: $("#myColorThing").spectrum({ preferredFormat: "rgb", showPaletteOnly: true, showPalette:…
7 Reeds
  • 2,419
  • 3
  • 32
  • 64
0
votes
1 answer

D3.js color the node circles with a function using spectrum.js

For each node, i have a circle which I color with the help of a function ColorType(d): node.append("circle") .attr("r", 20) .attr("y", -25) .style("fill", function(d) { return ColorType(d); }) .style("stroke-width",0.5) …
jacky
  • 524
  • 1
  • 5
  • 15
0
votes
1 answer

Colorpicker Spectrum doesn't show on focus

I'm using colorpicker Spectrum and what I'm trying to do is to open the colorpicker window when the input is focused. But the problem is that the colorpicker only shows for a split second and then closes. JSfiddle HTML:
Chanckjh
  • 2,587
  • 2
  • 22
  • 28
0
votes
1 answer

How to initialize a JQuery plugin for elements added dynamically

In this JSFiddle, I have two table.inner-table elements which were added initially in the HTML. Spectrum plugin works fine for all of the input.basic elements, that is clicking the element opens the color picker window. BUT this JSFiddle initially…
Solace
  • 8,612
  • 22
  • 95
  • 183
0
votes
1 answer

Cancel in Spectrum Colorpicker Not Working

im using spectrum.js color picker only cancel event is not working on which i have to reset the color to inital one since im getting previewElement null.how to solve this.
Sameer
  • 705
  • 10
  • 25
1
2
3