About: Copying content enhancement

[hey-yall]

Is your feature request related to a problem or use case? Please describe.
This was requested during the workshop

Please fix the copy behavior in the About dialog. Currently functionality copies all background information. Users need a way to easily copy the About info to paste into other applications.

Describe the solution you'd like
Please provide a solution so that Ctrl + A and copying only pulls the content within the About feature and not the background info

Describe alternatives you've considered
We discussed having a Copy button placed in the component, but decided that updating the Ctrl + C functionality would be best for consumers.

Additional context
Tracked under Jira ticket https://inforwiki.atlassian.net/browse/IDS-1591

[tmcconechy]

May also need this to add this #8414

[hey-yall]

@tmcconechy Hi Tim! Please help me understand if this issue has been solved. I see #8414 is closed, but does that mean the Ctrl + C functionality in the About modal has also been updated?

[tmcconechy]

@hey-yall i missed this issue. Its not solved but i also dont really understand it.

1. Go to https://main-enterprise.demo.design.infor.com/components/about/example-index.html
2. select all the text in the text area (or the parts you want) and hit CTRL+C and that works if you paste it

Can you clarify the issue (if you want a button to do it we would have to add that but doing CTRL+C already works)

[karinpb]

@tmcconechy If you read the ticket again support get screenshots of the about dialog and would like a better way to copy the information. A button or link to copy might at least get some users to not just printscreen and then not everything is visible. Or should you increase the size of the dialog? Important information is in the bottom and selecting HTML does not seem like a viable solution that people would use. I also don't think that a user would just ctrl+c and expect text to be copied on the dialog. I would printscreen it unless there was some link or button to click to copy the information that I would see.

So when you always get this:

But you are interested in all the information at the buttom and you need to ask them again becuase they didn't scroll then that would be my interpretation of the ask. Perhaps making the dialog bigger would be the best approach, but I hope that gives more context.

[hey-yall]

Hi @karinpb, thank you for the additional information! The product team will address adding buttons to the About modal in a future iteration of the design system. Right now, the quickest fix is to rewrite the Copy/Paste functionality to only capture relevant data.

@tmcconechy -- Currently, when the user copies all About modal info via Ctrl + A and Ctrl + C, it also copies background information outside the modal. See this pic for explanation:

For the current iteration, can we fix the Ctrl + A and Ctrl + C functionality so it selects/copies only the info set in the scrollable textarea? This would be a quick win for users copying the About info. Thanks!

[tmcconechy]

@hey-yall you need to click in and select it. Its a bit awkward. But we cant really control what the user selects.

I think we could do the following

• make it taller (remove any uneeded info)
• add a copy button (easy just need placement and a icon selection)
• could try and make it select all the text when you click on it to make it easier (possible "quick win")

So i suggest we go ahead with the design changes and expediate them if this is a big issue.

[hey-yall]

@tmcconechy and @karinpb -- Discussed with the design team and will add a button. Designating as high priority. Tracking design work in associated Jira ticket https://inforwiki.atlassian.net/browse/IDS-1591.

[hey-yall]

Hi @tmcconechy ! Please move forward with this issue!

Add a Copy icon button below the textarea on the right side of the About modal.

Please let me know if you have any questions. Thanks!

[tmcconechy]

@hey-yall where should we show it ? Here:

[tmcconechy]

@hey-yall for mobile reasons might work better around here:

[hey-yall]

@tmcconechy Designers want it below the textarea on the right side, where the red arrow is pointing. Like this:

[tmcconechy]

ok @hey-yall please check it out at https://about-copy-enterprise.demo.design.infor.com/components/about/example-index.html for approvals

[hey-yall]

Approved. Great work!

[glenlieorillo]

This has been tested and passed.

Screen.Recording.2024-04-11.at.4.46.01.PM.mov