topic Re: Copy text to clipboard from a Calcite 'List' Component in ArcGIS JavaScript Maps SDK Questions

Copy text to clipboard from a Calcite 'List' Component

dgreenin — Thu, 05 Sep 2024 13:51:20 GMT

Is it possible to copy text to clipboard from a Calcite 'List' Component?

Re: Copy text to clipboard from a Calcite 'List' Component

Sage_Wall — Fri, 06 Sep 2024 12:47:55 GMT

Apparently it's not as easy as highlighting the text in the list with the mouse cursor is it... It looks like the cursor goes into pointer mode and doesn't allow the text to be selected. One possible work around would be to add a "copy to clipboard" action or even a click event on the list item itself. The action is probably more intuitive to the end user. https://codepen.io/sagewall/pen/LYKrKWY

Re: Copy text to clipboard from a Calcite 'List' Component

dgreenin — Fri, 06 Sep 2024 19:18:53 GMT

@Sage_Wall Thank you for your input. This looks great!

How might you copy all the 'calcite-list-items' within a 'calcite-list' to the clipboard with one click?

Is it possible to export an entire 'calcite-list' to a csv file?

Re: Copy text to clipboard from a Calcite 'List' Component

Sage_Wall — Fri, 06 Sep 2024 22:22:39 GMT

Sure, you could do something like this: https://codepen.io/sagewall/pen/abgPKBb

Loop through all the calcite list items and keep appending to a string that you turn into a CSV Blob and download.

Re: Copy text to clipboard from a Calcite 'List' Component

dgreenin — Mon, 09 Sep 2024 18:46:14 GMT

@Sage_Wall

This works great! Thank you!

👏👏👏👏👏