Copy field contents on button click in adaptive form

Avatar

Avatar

JLNdev

Avatar

JLNdev

JLNdev

15-09-2020

Hi all,

 

I've spent hours going in circles, trying different approaches and I'm just totally stuck. I've created an adaptive form in AEM for forms. I have a hidden text field with a text string value, and I am trying to script a button to select and copy the contents of that text field, when clicked. Then I'd like a message to pop up, confirming the text was copied.

 

Here's the method I found on W3schools:

var copyText = document.getElementById("textFieldIWantToCopy");
copyText.select();
document.execCommand("copy");
alert("Copied the text: " + copyText.value);

 

Absolutely nothing happens when I use this script. I'm still adjusting between LiveCycle Javascript and normal JavaScript, so it could be I just don't have the syntax/terms to do it right, yet.

 

Does anyone know how to make this work? Thanks so much for your help!

adaptive AEM click copy field form hidden javascript text value

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

workflowuser

Employee

Avatar

workflowuser

Employee

workflowuser
Employee

15-09-2020

Answers (1)

Answers (1)

Avatar

Avatar

Mayank_Gandhi

Employee

Avatar

Mayank_Gandhi

Employee

Mayank_Gandhi
Employee

17-09-2020

@JLNdev  Works for me

 

Put this on button click:

document.getElementById("guideContainer-rootPanel-basics-basics1-guidetextbox___widget").select();
document.execCommand("copy");
alert("copied");

 

In Adaptive form go to code editor and place the script. Make sure to replace "guideContainer-rootPanel-basics-basics1-guidetextbox___widget" with correct id for the text field