How to create a color picker for users to select a custom font color on my page

[802adam]

Hello,

I have a page that I would like my users to be able to select a font color for text elements on the page.

I wish there was a way for us to use the color picker tag

Here is what I am trying to make work but I think it’s all wrong and their is probably an easier way to do the same thing…

// FontColorInput is a text input field where the user will have to put in a hex value
// text1 is a textbox on the page
// when the user clicks off the input field (FontColorInput) the blur event runs the code to change the color when the user clicks off the field.

---

export function FontColorInput_blur ( event ) {
let introText = $w ( “#text1” ). text ;
$w ( “#text1” ). html = “

” + introText + “

” ;
}

[J.D]

You can do it in an iframe (embedded widget) or a custom element.

[802adam]

I knew I was too close to the issue. It took me a while to even ask. I wish I would have asked earlier now. Thank you. Of course, the iframe will work well! Genius might not be a strong enough word. Thank you J.D. !

[J.D]

You welcome