Skip to content

How to... in Coda

Difficuty
Tool
Image
Description
Definitions tables
image.png
Create a new "Def::Tables section" for all key definitions. Useful for lookup values in your tables such as categories.
Definitions folder: to group and hide all app mechanics
image.png
Create a to house all key document definitions tables. In my case I have two additional definition tables for colors, and for gradient patterns.
Cell "Bubble formatting": with colors
image.png
image.png
In the table, the maps and geo columns are each formatted different colors, helping to easily see that green geos are part of the world map.
I love this awesome new bubble formatting feature:
Create a conditional formatting color scheme in the definition table (image 2).
When you create "lookup" column format in a separate table, it will style the object "bubbles" with the same color scheme as your conditional format
Code Block text formatting
image.png
image.png
Really useful for showing code snippets within your text fields.
I used it to style the SVG code formats in my table
Clearly delineate all formula columns with naming convention plus conditional formatting
image.png
image.png
When your users interact with your app, or when you're using columns in your tables for formula etc, it's helpful to be able to spot at a glance which columns are formula-driven, and which ones take manual input.
Column naming convention:
For easier formula reference, I use the convention of adding underscore "_" to the start of the name.
For user visibility: I also add "(ƒ)" to the end of the title

Conditional formatting (see image 2):
Create a new custom format using the "display" column
Leave "contains" field blank
Select the drowdown for which columns to format, and select all the formula ones (conveniently, they all have _underscore)
There are no rows in this table




/

Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.