Showing error previews in a table #1326
-
|
My developer and I are discussing what would be an understandable and obvious way to show a preview of an error in a table. In this instance, there is an error with one of the items in the table and we want to show a preview of the error so the customer can see it at a glance and they would go into the table item to see more information about it. One way that we see this behavior in the current Twilio console is by highlighting the error row in red and then showing the error when the customer hovers over the row. This similar paradigm exists in the message logs place. (Ignore the error text) Another way we've brainstormed to solve this problem is to add an info icon next to the status and then show the error text on hover. Any suggestions or guidance in how to accomplish this using the right components? Thank you! |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
Hi @ang-twilio Going to cross link to another discussion related to this topic #1296 (comment) Slightly biased, but I'm super into showing row errors at the start of the row for scalability. Something we did as Salesforce is reserve the first column to add an icon button that would show a popover when clicked, that served as error indicator and further explanation of that error. https://www.lightningdesignsystem.com/components/data-tables/#Edited-cell-with-focused-row-level-error-(unsaved)
|
Beta Was this translation helpful? Give feedback.
-
|
Ah thank you Simon! I'll talk to my dev about incorporating something similar. |
Beta Was this translation helpful? Give feedback.
Hi @ang-twilio
Going to cross link to another discussion related to this topic #1296 (comment)
Slightly biased, but I'm super into showing row errors at the start of the row for scalability. Something we did as Salesforce is reserve the first column to add an icon button that would show a popover when clicked, that served as error indicator and further explanation of that error. https://www.lightningdesignsystem.com/components/data-tables/#Edited-cell-with-focused-row-level-error-(unsaved)