How to add opacity/transparency option in dynamic color block?

[Agrawal]

Hi,

I have created dynamic color block with the help of input type color but facing one issue that input type color is not giving option of transparency in their popup, so how can I add transparent option in that popup, if anyone have any suggestion then please send. I am sending current output and expected output. I am using blockly in my angular project:

Current Design:

Expected Design:


Expected design is for example, if there is any other option to add transparent/opacity option, then please let me know.

Regards,

Agrawal

[Uwe K]

I don't think you can add transparency support to the browser color picker, but you could ship your own color picker with blockly. Did you get your color field working correctly otherwise? I tried to create a color field by spawning an invisible input field before, and something didn't work right in either Firefox or Chrome though, so I had to give it up.