I ran into a UI challenge with the File Picker. When multiple documents are uploaded, there’s no way to just click and open them directly from the File Picker itself.
Instead, I have to manually create a separate button for each document if I want users to open or view them, which gets messy fast.
I’d love it to work more like ClickUp (or most other tools), where you can upload several files and simply click any one from a clean list or gallery view.
Has anyone found a good workaround or a smarter way to present multiple files?
Files are such a key part of business tools, this feels like a big missing piece.
Alternately you could convert the array into a Joined List, pass them into a Custom AI component and get a little more customized view of the links.
Also, you could go the helper table route to temporarily blow the array out into separate rows to display as a collection, but that’s a little bit more setup.
Hey @Jeff_Hager and community,
Thanks for the suggestions. Here’s what I found and why it didn’t work (yet) in my use-case:
I tried using the Link component, but it shows the raw link instead of a friendly file name or label.
I also tried converting the file-array into a Joined List, but once there was more than one file the links got corrupted, I couldn’t even open the first document.
Do you have your File Picker set to preserve the file names?
The Joined List is not a link itself. It converts the files array of urls into a comma delimited list of urls that can be easily passed into the Custom AI component as text instead of an array. You have to instruct the AI to parse that comma delimited list of urls into something more readable.
I’ll also offer another suggestion…you could pass the comma delimited joined list into a javascript column and build javascript to turn that comma delimited list into an HTML list that you can display in a rich text component.
