Chameleon Designer Text Formatting

Owned by Joe Izarbez
Last updated: Apr 08, 2022

Use the Format field to apply custom formatting to a text object


Example format strings for date and time data types. Use Day.js format strings for date formats.

formatdataresult
MMMM Do YYYY, h:mm:ss a
2019-10-29 10:46:00October 29th 2019, 10:46:02 am
MMMM D YYYY, h:mm:ss a2019-10-29 10:46:00October 29 2019, 10:46:02 am
dddd
2019-10-29 10:46:00Tuesday
ddd2019-10-29 10:46:00Tues
dddd, MMMM Do YYYY2019-10-29 10:46:00Tuesday, October 29th 2019
dddd, MMMM D YYYY2019-10-29 10:46:00Tuesday, October 29 2019
ddd, MMM Do YYYY2019-10-29 10:46:00Tues, Oct 29th 2019
ddd, MMM D YYYY2019-10-29 10:46:00Tues, Oct 29 2019
ddd, MMM Do YY2019-10-29 10:46:00Tues, Oct 29th 19
ddd, MMM D YY2019-10-29 10:46:00Tues, Oct 29 19
ddd, MMM Do2019-10-29 10:46:00Tues, Oct 29th
ddd, MMM D2019-10-29 10:46:00Tues, Oct 29
MMM Do YYYY2019-10-29 10:46:00Oct 29th 2019
MMM D YYYY2019-10-29 10:46:00Oct 29 2019
MMM Do YY
2019-10-29 10:46:00Oct 29th 19
MMM D YY2019-10-29 10:46:00Oct 29 19
MMM Do2019-10-29 10:46:00Oct 29th
MMM D2019-10-29 10:46:00Oct 29
MMMM2019-10-29 10:46:00October
MMM2019-10-29 10:46:00Oct
h:mm2019-10-29 09:46:009:46
h:mm a
2019-10-29 09:46:009:46 am
hh:mm a2019-10-29 09:46:0009:46 am
HH:mm2019-10-29 14:21:1514:21
HH:mm:ss2019-10-29 14:21:1514:21:15

Use numeral.js format strings for numeric data types

numeral.js format examples:

Number

formatdataresult
100000,0.000010,000.0000
0,010000.2310,000
+0,010000.23+10,000
0,0.0-10000-10,000.0
0.00010000.123410000.123
00000100.123400100
000000,01000.1234001,000
000.0010010.00
0[.]0000010000.123410000.12340
.00-0.23-.23
(.00)-0.23(.23)
0.000000.230.23000
0.0[0000]0.230.23
0.0a12309741.2m
0 a14601 k
0o11st
0o100100th

Currency

formatdataresult
$0,0.001000.234$1,000.23
0,0[.]00 $1000.21,000.20 $
$ 0,0[.]001001$ 1,001
($0,0)-1000.234($1,000)
$0.00-1000.234-$1000.23
($ 0.00 a)1230974$ 1.23 m

Percentages

formatdataresult
0%1100%
0.000%0.97487823497.488%
0 %-0.43-43 %
(0.000 %)0.4343.000 %