Share
Explore

Make cards appear in the same height

image.png
The cards in card view show up in different sizes (in this case, driven by the fact that the title extends over 1 line in some cards, and over 2 lines in another).
How can we get the cards to all be displayed in the same size?
One might think to just add some spaces or linebreaks() to the cards.
But, that won’t work, because Cards headers have an automatic trim() function applied to them, so you can't add a space,spaces, lineBreaks(), or character(10). Those will all be trimmed out.
Solution:
Add a padded text of conditional length using repeat(). And then using all the color tricks so that the padded text isn't visible. The padder I always use is a “-“
Here’s a step-by-step solution, and I’ll attach a coda doc, where I replicated this, for easy reference as well. The table is called ContentList.
Add a column in which a formula calculates the length of each title
=length(title)
On the canvas, write out a formula to count the maximum length of all Titles currently used, and assign a name to said formula, eg MaxLength
ContentList.Length.Max()
image.png

Create a new column, titled eg “Dynamic Padded Text”, in which you add a padded text element (in this case, “-”) to make up for the “missing” text characters
Repeat("-",MaxLength-Length)
image.png
Apply formatting to this padded text elements to make sure they are not visible:
image.png
Concatenate(_color("#FFFFF",Repeat("-",MaxLength-Length)))
Lastly, create a new column where you combine the existing title with the newly calculated dynamic padded text
image.png
Concatenate(Title,Dynamic padded text)

Et voilá, all cards are now the same height
image.png
View of Content List
1
Search
IRC - The power of welcome
Asset?
AllIn to Vote
Asset?
NFL - Confetti Tweets
Asset?
Draft update on new social media schedule
Asset?
JetBlue - Kind Design
Asset?
Nitro Cold Brew
Asset?
Converse - Teen self-expression
Asset?
Asset?


MaxLength:
41

Concatenate(_bold("This sample shows "),_italicize("how to use additional formatting "),_color("#F04040","to make data on a form stand out even more"),BulletedList("have fun ","with it"))
Content List
1
Search
Title
Length
Dynamic padded text
Combine Title with padded text
Asset
1
IRC - The power of welcome
26
---------------
IRC - The power of welcome---------------
2
AllIn to Vote
13
----------------------------
AllIn to Vote----------------------------
3
NFL - Confetti Tweets
21
--------------------
NFL - Confetti Tweets--------------------
4
Draft update on new social media schedule
41
Draft update on new social media schedule
5
JetBlue - Kind Design
21
--------------------
JetBlue - Kind Design--------------------
6
Nitro Cold Brew
15
--------------------------
Nitro Cold Brew--------------------------
7
Converse - Teen self-expression
31
----------
Converse - Teen self-expression----------
8
0
-----------------------------------------
-----------------------------------------
There are no rows in this table

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.