Need Pastel-Colored Buttons ala Callouts

Suggestion Box
1

Please can we select nicer pastel-shaded colors for BUTTONS; the same pretty colors used in the Callouts - they would look a LOT more professional and a lot less ‘gaudy’

Meantime, I suggest this trick as a workaround…

image

Several of my clients have commented on how gaudy and glaring the default Coda buttons are - bright primary colors like something a montessori kid might do with crayons (client quote).

So we have avoided colored buttons except for special cases, and limited ourselves to white and grey buttons.

So I decided to find a way to create buttons that have the same quite, pleasant, pastel-shades that are used for Call-Outs.

The trick is to build a table to design your buttone in (lets call it Buttons) with a single Canvas-Column (lets call it Button) and inside it we create a Call-Out in our chosen color, with no icon, and inside that we create our Button - no label - just an icon - size=small - color=white. Then beside that we add the text-label and set the paragraph-style to H3.

image

Now we can render a nice looking button with the formula Buttons.Button.Nth(N) where N is the number of the row containing the button you need. The user needs to click on the icon, but they seem to do that quite naturally. It looks way nicer this way…

image

Respect
Max
CTO, Agile Dynamics Lab

4 Likes
2

Combining a request for a new design element with a work-around solution on how to achieve the same result in the meantime - that’s what I call a mic drop :slight_smile:

Thanks so much for sharing, @Agile_Dynamics.

1 Like
3

Yet another work-around with a different approach.
Here, each button uses the canvas column as the label.
So the whole button is clickable, and its action is defined inside the button (not the canvas column)