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
10
votes
1 answer

How to set options for spectrum js in case of fallback from color type input?

I am using the Spectrum JS as a fallback for browsers that does not support
cytsunny
  • 4,838
  • 15
  • 62
  • 129
3
votes
1 answer

Linking Photoshop UXP Slider

I'm currently trying to link a spectrum slider's value to a function. So far the function set's the layers opacity though batchplay and this works fine. I'm struggling to find information on how to get the sliders value on change, and then run the…
matakus
  • 41
  • 1
  • 3
2
votes
3 answers

get parent element ID of a spectrum color picker

i have 2 color picker inside 2 different div.
Karthik_SD
  • 633
  • 1
  • 6
  • 22
2
votes
1 answer

how to link base type variable in JsViews custom tag

I use JsViews + spectrumjs colorpicker and i had to create custom tag like this: $.views.tags({ spectrum : { template : "", onAfterLink : function (tagCtx, linkCtx) { var tag = this; var props =…
Noneme
  • 816
  • 6
  • 22
2
votes
0 answers

Spectrum color picker: How can I change the position of the custom added colors

I am using Spectrum color picker plugin. I am trying to change the position of the custom added colors (sp-palette-row-selection) over to another place? How can I edit the JavaScript to allow me to do so? Here's a link to the full JavaScript code:…
Horay
  • 1,388
  • 2
  • 19
  • 36
1
vote
1 answer

How can i dismiss Dialog box on click confirm react spectrum ModalTrigger?

I have a dialog box which I am using from ModalTrigger from react spectrum(old version). The dialog box has two buttons, Okay and Cancel.Nothing to do on cancel, but the action should be triggered on clicking of Okay, the dialog box should close and…
user124
  • 423
  • 2
  • 7
  • 26
1
vote
2 answers

jQuery Spectrum color picker can't disable

I added the Spectrum color picker to my website because I needed a color picker with opacity, and I have a checkbox to enable/disable which was working with a simple color picker, but here I cannot manage to disable it, even with the property. I…
Kiji_T
  • 104
  • 10
1
vote
1 answer

Customizing Adobe's React Spectrum Theme

Recently I was playing with the React Spectrum design system from Adobe. The website wide theme feature provided by them is great. But I feel the dark theme is not dark enough. Is there a way to customize the out of the box theme in Adobe's React…
user9300057
  • 23
  • 2
1
vote
0 answers

Spectrum colorpicker always shows black

I'm using the spectrum color picker: https://bgrins.github.io/spectrum/ On an input like this: And for my input I have the following JS: $('[data-color]').spectrum({ showInput: true, …
Cameron
  • 27,963
  • 100
  • 281
  • 483
1
vote
1 answer

Update new color in Spectrum JS Colorpicker Palette

I'm useing spectrum jQuery colorpicker and changing the background-color working properly but there's just one problem. after refreshing the page,the color of the chooser button gets black instead of selected color (for example, red) background…
Edris
  • 13
  • 5
1
vote
2 answers

color picker for each list item not showing up correctly

I am trying to assign random color within a color picker container to each item in the list, with a container button (color picker container) in front of each so that on click the color picker container opens up. $(document).ready(function() { …
jacky
  • 524
  • 1
  • 5
  • 15
1
vote
1 answer

spectrum.js flat colorpicker - position:fixed header

I am using the spectrum.js flat colorpicker in a page that has a position:fixed header. The picker choices overlap the header while scrolling the page. I have found this issue, but it seems to me that it applies to a picker contained into a fixed…
Emanuele Cipolla
  • 301
  • 3
  • 16
1
vote
1 answer

Attempting to get a css value with jquery

I am attempting to get a css value of a background. My attempt is failing and the correct value isn't being delivered. I have a spectrum.js color picker and no matter which color I choose rgba(0,0,0,0) is always chosen. When I look at the background…
Becky
  • 2,283
  • 2
  • 23
  • 50
1
vote
0 answers

How to hide the second colorpicker when there is single dataset in graph canvas?

I am using https://bgrins.github.io/spectrum/ colorpicker in one of my application where if user drags csv data to graph tab, then the data would be visualized as graph. The color of the graph can be changed by the user by choosing color in…
Harnish
  • 101
  • 1
  • 10
1
vote
2 answers

How do I set a color in the spectrum palette after initialization?

I have a spectrum palette and a text box. The text box contains hex value of selected color and is editable. I need to be able to set a color in the palette by providing an appropriate hex value. That is, if I enter a hex value such as #000000, the…
coder
  • 317
  • 1
  • 7
  • 20
1
2 3