Hi Team, has anyone found a way to have 2 canvas columns side by side in a layout? (When viewing a row from a database)
What ever I try it always looks like this
Hi Team, has anyone found a way to have 2 canvas columns side by side in a layout? (When viewing a row from a database)
What ever I try it always looks like this
I did see that a few years ago it seemed to be possible. But I cant recreate it now.
This is, IMO, the most ludicrous decision in the whole editor. âNot enough room to display canvasâ but totally cool when the whole modal is displayed in a side panel thatâs twice as narrow.
The only way to kinda get it if you need editable canvases is to make a new column thatâll be a reference to the current row in a list (i.e. thisRow.List()), display that as a subtable of your detail layout, and have it only display two canvas columns. Their width will be fixed, not fluid, and views (tables, charts etc) wonât show up, but if the content is mostly text, this might do the trick.
Earlier it was possible to include detail layouts within detail layouts of the same table, and now Coda doesnât allow that. It is possible to move those canvas columns to a separate table though, and include two side by side âsubtablesâ from that other table. Thereâll be a lot of wasted horizontal space though.
P.S. Turns out there are a few âquick layoutsâ (the 5th and the 6th ones) that allow putting a canvas on the side panel ![]()
If you donât mind one of them being quite narrower and on a dark background, that is definitely a way.
Hi @Paul_Danyliuk , Those are two great workarounds.
Workaround 1: With a table in the detailed view is so close. But it doesnât work well on mobile.
Workaround 2: Using the layout with the dark left column is what I am going to use for now.
BUT. The fact that there is a default layout that allows side by side canvas columns show that it is possible.
Coda if you are listing please add the ability to just put canvas columns next to each other without the âNot enough room to display canvasâ error. ![]()
It really annoys me that many things in Coda feel âalmost thereâ most of the time. For example, look at the layout views: Why do default templates contain formatted elements that are impossible to replicate in custom ones?
Iâm talking about placing elements side-by-side, column and section layouts, background colors for certain areas, dedicated image positions, visible grey fields for values, or completely clean white pages. The list goes on and on.
I build my docs around modal views, but sometimes it is incredibly hard to get a truly polished result. This is especially difficult when working with clients and teams who are used to dealing with apps and OS interfaces where the UI (and UX) is on a different level.
Please give us:
Editable column layouts: The same functionality we have in the canvas.
Editable section layouts: In default layouts, these are even indicated in the column list and carry specific formatting (all-caps, colored backgrounds, graphic elements) that are unfortunately uneditable and impossible to replicate in a custom layout.
Headings, text, and line breaks: We need the same options as the canvas so we donât have to create specific columns just to insert spacing or use other workarounds.
Full control over text formatting: Currently, you can adjust the size of text fields, but there is no control over font color or style. For object fields, there is no control at allâthe text inside the âpillâ becomes weirdly bold when you apply a header style, and adding a description creates strange spacing.
Fix the âLeftâ Label Style for column titles: It is completely useless right now because it cuts off the title if it is longer than one word.
Fix the Layout Preview: When adjusting layouts (especially defaults 4, 5, and 6), what you see on the screen vs. the result after clicking âDoneâ is very different, as the preview doesnât show the applied styling.
Sorry for the rant! I love Coda, and it drives me crazy to see how much better it could be if someone just gave it a little extra love and care.
Cheers.