Customer experience | Sales, Customer Insights,...

Click to Copy Button for each field.

(0) Share

Report

Posted on by Dyname365

Some complex fields like Optionset, Lookup and Date fields are not to copy and paste. I would like to have a Copy button beside each field and the user can copy the value or label of the field with a click that button. How do I do that?

Sample Copy Button

I have the same question (0)

All responses (5)

Answers (0)

Suggested answer

Wahaj Rashid 11,321 on at

Like (1)

Report

RE: Click to Copy Button for each field.

Hi,

Thank you for your query.

There is no out-of-the-box option for this purpose.

I also do not see any PCF control that will full this requirement.

You can try building an HTML Web resource or your own PCF control to provide this functionality.

In short, there is no easy for it.

Was this reply helpful? Yes No
Dyname365 70 on at

Like (0)

Report

RE: Click to Copy Button for each field.

Thanks I will read up more on both methods.

Trying to find the best ways to achieve this.

Was this reply helpful? Yes No
Suggested answer

Community Member on at

Like (1)

Report
RE: Click to Copy Button for each field.

Hi,

You need to create web resources(buttons) for the fields you want to copy and add an onClick event via standard JS.

To copy to the clipboard, you can use the following code:

document.getElementById('').onclick = function copy() { var copyText = window.parent.Xrm.Page.getAttribute("new_startdate").getValue(); var objectText = document.createElement('input'); document.body.appendChild(objectText); objectText.value = copyText; objectText.select(); document.execCommand("copy", false); objectText.remove(); alert("Copied the text: " objectText.value); }

Result:

Was this reply helpful? Yes No
Dyname365 70 on at

Like (0)

Report

RE: Click to Copy Button for each field.

Thanks. That is helpful. I will try as soon as I get a chance.

Was this reply helpful? Yes No
Suggested answer

meelamri 13,216 User Group Leader on at

Like (2)

Report

RE: Click to Copy Button for each field.

Hi,

Frank Gong's approach is not supported because it uses DOM manipulation...

Another approach is to create two buttons: "Copy" and "Paste".

Copy: When clicking on Copy, a dialog box will appear with the list of fields in your form. The user can select the fields to be copied.

Paste: When the user clicks on Paste on the second form, all the fields selected before will be pasted

Finally, you can use the browser session to store the values to be copied.

I might try to implement this scenario... it seems like something practical.

Was this reply helpful? Yes No