Input color picker

How can I ask for a color. There is no color picker ? What would be the right way to implement one ?

I use coloris.js. I should create a walk thru of that. But that’s what I use.

1 Like

Hi @AlainGioanni :wave:

Just added it as a feature request so the product team can explore the idea.

In the meantime @jaredgibb, no pressure but I’d be super interested in seeing a walkthrough if you get a chance! :smile:

Might record a video tutorial and/or add it to the user docs.

Hi @AlainGioanni

We just added a basic color picker input element in the default UI kit:

We’re exploring options to create a more advanced one in the future.

3 Likes

Hey @Joyce

I am trying to set a pointer to be visible when hovering over the color picker. While this setting works in the editor mode, when previewing the app it breaks. Is this a known limitation?

[Workaround to the above issue]

Mmm I’m not sure. Let me ask the tech team and get back to you on that one

Hi,
i digged up this, and this is apparently due to the fact that Chrome (and probably other browser) have a very specific stylesheet for input of type color. I will open a bug on our side to take this into account

2 Likes

It’s all good. For me, I thee the picker in a div and made it 0x0 pixels. I give the div the color of the picker as it’s background. I give the picker an id. I am dispatching a click to the color picker using js when I click on the holder div. It works perfect for my use case and I can achieve the exact look of the button that I want.

1 Like