Formatting a Collection List as CSV

Comma-separate those values

Format as CSV

Display your lists as CSV

  • + Display number, names, or other short text elements in a comma-separated list.
  • + CSS-only solution
  • + You can see the results in the designer.

DEMO

Here is a numeric field in the CMS, which we are outputting as a CSV-style list.

4927.90
72166.00
55788.54
31591.52
18907.78
94334.76
36213.94
57420.80
69677.32
51997.41

How to implement

Uses WFU.

Formatting involves two parts.

First, if the number is a decimal, you decide how many decimal places you want by determining that in the designer. Select the CMS-bound text element, and choose the number of decimal places you want to show.

Second, apply a custom attribute to the element, with the format you want applied.

See known formats above, to the left.

Webflow Custom Attribute
Name
wfu-format
Value
usd