None of the workflows really support multi-line content well (or at all):
Typing Directly into a table cell: Pressing [return] moves the cursor to the next row. If the user is already on the last row, Coda will add a new row to the table. Pasting multi-line content from the clipboard will create multiple new rows in the table. Text canvas controls (ie, text inputs): Don’t support multi-line content AT ALL. You can’t press [return], and you can’t even press [shift]+[return] Activating the row’s popup modal or using the DETAILS table view Functionally identically to the “directly into a table cell” options: Pressing [return] moves to the next input Supports [shift]+[return] It’s possible to add multi-line content in two ways:
This can be used “typing into a table cell” and in “custom layouts” Although this keyboard shortcut is used in other software, I still think this is an unusual interaction, and it’s unlikely the user will just know this intuitively. Opening the cell in “big cell” mode. There are two ways to open a cell in “big cell” mode: This button is ridiculously discreet. Firstly, it’s not visible if the user just clicks once on the cell. They have to click a second time so that their keyboard cursor is activated. Secondly... it’s TINY, the default color is the same as the page background, and the placement is very “out of the way”. In short, it’s really easy to miss. And I don’t know how well known it is. The alternative is a keyboard shortcut. Ctrl + Shift + E. This keyboard shortcut is unique to Coda (so non-intuitive for new users coming from any other software platform) It’s particularly badly advertised: You have to first find the tiny trigger button, then hover over it to see the notice for the keyboard shortcut We really need to find a way to let the user add multi-line content to their item, and really the only way that’s anywhere decent is to direct the user to “big cell” mode.
A particularly nice way to do this is via an Enlarge button, which takes the user directly to the correct column’s “big cell” mode when clicked. I think the solution is from Paul D. Basically you take the row’s URL and append &columnId=xxxxxx&view=modal to the end of it. Then pass that url to an OpenWindow() formula within a button’s action.
The button solution makes the UI for getting to “big cell” mode far more intuitive.
The downside is:
If you pass the user to “big cell” from within a popup window, then when they click Done or Cancel Changes, they are not returned to the popup window they were previously on :(
This means that you can only really use the “Big Cell” mode button click solution from a button directly on the page (ie in a table, or from a canvas control). You can’t use the button click from a “popup window”
Unfortunately the popup window solution is the only way we can realistically show the user content from the card list view. Clicking a card ALWAYS results in a popup modal unless you build in a button. The caveat of using the button solution is that the user must know to click it, and never click elsewhere on the card.
So we are left with the final solution, which is the one implemented in this doc...
The Solution
User clicks on a CARD and it launches a popup modal with a custom layout Here we display the text content as a read-only column To do this you just create a new text column, right-click on it and select “Add Formula”, then in the formula window just type thisRow.[Text Column] where [Text Column] is the name of the original text column. By making this read-only, they never have to encounter the “pressing enter doesn’t add a line, it moves me to the next input” issue Alongside the text is an Edit/View button. Because the text content is read-only, the user knows they must click that Edit/View button. This button takes them to the page where a “details” view is displayed on-page which is a DIRECT COPY of the popup window they were just working in. Within a moment, the text column’s “Big Cell” mode is automatically launched. Now, when the user closes “Big Cell”, instead of returning to a CARD LIST and getting lost, instead they see the DETAILS view of the row they were editing, and don’t lose their context.
I think this is a really seamless and intuitive way to enable multi-line text input. It’s a pity it’s SUCH a workaround, but nonetheless it’s really nice for the user so it’s worth it.
Some notes about this DETAILS page:
Advantages: we can include on-page warnings for when the user’s left their password in the row or left the item decrypted. Because this is a whole new page, we have space for additional UI if we ever need it Disadvantages: we need to find a way to get the user back to the CARD view. This is relatively simple, but worth testing on real users to confirm it’s intuitive.