Page Comparison

Download Chart

When downloading the chart, you have the option to download it in one of three formats: PNG, JPG, and JSON, as shown in the image below.

View file

name	Invalid file id - UNKNOWN_MEDIA_ID
page	Custom Fields
space	ACF

Image Added

PNG/JPG Format

When downloading the chart in PNG/JPG format, it is important to pay attention to the visible area of your chart. Zoom in or out on the chart to select the desired section, and then download the image in the desired format to obtain the visual.

View file

name	Invalid file id - UNKNOWN_MEDIA_ID
page	Custom Fields
space	ACF

View file

name	Invalid file id - UNKNOWN_MEDIA_ID
page	Custom Fields
space	ACF

Image Added

JSON Format

You can take a backup of your chart in JSON format, which you can later upload or use to restore your chart in case of mistakes or errors. This backup serves as a safety for your chart.

Upload Chart

The upload process makes it easy to load a backup or a different version of your chart. There are two upload fields. The first one is available when your chart is empty, and you can upload your chart by clicking the 'Upload a Backup File' button on the screen, as shown below.

View file

name	Invalid file id - UNKNOWN_MEDIA_ID
page	Custom Fields
space	ACF

Image Added

After, you have to click 'Upload File' button and choose your json file.

Image Added

If you already have a chart and want to switch to a different version, you can click the upload button at the top of the screen and upload your file to load your chart, as shown below.

View filenameInvalid file id - UNKNOWN_MEDIA_IDpageCustom FieldsspaceACF

Image Added

Macrosuite divider macro

dividerWidth	100
dividerType	only_divider
emoji	{"id":"smile","name":"Smiling Face with Open Mouth and Smiling Eyes","short_names":["smile"],"colons":":smile:","emoticons":["C:","c:",":D",":-D"],"unified":"1f604","skin":null,"native":"😄"}
textColor	#000000
dividerWeight	3
labelPosition	middle
textAlignment	center
iconColor	#0052CC
iconSize	medium
fontSize	medium
text	Divider text
emojiEnabled	false
dividerColor	#f01957ff
dividerIcon	bootstrap/CloudsFill

Some of other topics:

Caelor cards macro v2

summary	Usage of Settings, Learn what's inside Settings and how to use it., , Permissions, Examples of usage types that may be useful for you, , Difference Between Project Chart and Global Chart, Learn what is difference between project chart and global chart.,
title	ze795f
content	{"cards":[{"id":"1s066","tabId":"kew3b3","title":"Usage of Settings","text":"Learn what's inside Settings and how to use it.","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"bootstrap/GearFill","color":{"san_francisco":{"background":"#ffffff1f","color":"#f01957ff"},"austin":{"background":"#0099ff","color":"#000000"},"mumbai":{"background":"#0099ff"},"hong_kong":{"background":"#0099ff"},"cape_town":{"background":"#0099ff"},"palo_alto":{"color":"#0099ff"},"new_york":{"color":"#0099ff"},"madrid":{"color":"#0099ff"},"berlin":{"color":"#0099ff"},"la_paz":{"color":"#0099ff"},"sydney":{"color":"#0099ff"},"tokyo":{"color":"#0099ff"}},"image":{"link":"https://images.unsplash.com/photo-1612914380234-b35087733c4e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1612914380234-b35087733c4e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":{"id":"777814200","link":"https://werare.atlassian.net/wiki/x/uIBcLg","title":"Usage of Settings","type":"page","source":"page"},"overlay":{"isActive":true,"color":"#000","opacity":0.3},"iconType":"icon"},{"id":"dlyxjc","tabId":"kew3b3","title":"Permissions","text":"Examples of usage types that may be useful for you","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"atlaskit/LockFilledIcon","color":{"san_francisco":{"background":"#ffffff1f","color":"#f01957ff"},"austin":{"background":"#6083ff","color":"#000000"},"mumbai":{"background":"#6083ff"},"hong_kong":{"background":"#6083ff"},"cape_town":{"background":"#6083ff"},"palo_alto":{"color":"#6083ff"},"new_york":{"color":"#6083ff"},"madrid":{"color":"#6083ff"},"berlin":{"color":"#6083ff"},"la_paz":{"color":"#6083ff"},"sydney":{"color":"#6083ff"},"tokyo":{"color":"#6083ff"}},"image":{"link":"https://images.unsplash.com/photo-1494500764479-0c8f2919a3d8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1494500764479-0c8f2919a3d8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":{"id":"777814402","link":"https://werare.atlassian.net/wiki/x/goFcLg","title":"Permissons","type":"page","source":"page"},"overlay":{"isActive":true,"color":"#000","opacity":0.3},"iconType":"icon"},{"id":"2hxc6k","tabId":"kew3b3","title":"Difference Between Project Chart and Global Chart","text":"Learn what is difference between project chart and global chart.","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"material-design/CompareArrows","color":{"san_francisco":{"background":"#ffffff1f","color":"#f01957ff"},"austin":{"background":"#6083ff","color":"#000000"},"mumbai":{"background":"#6083ff"},"hong_kong":{"background":"#6083ff"},"cape_town":{"background":"#6083ff"},"palo_alto":{"color":"#6083ff"},"new_york":{"color":"#6083ff"},"madrid":{"color":"#6083ff"},"berlin":{"color":"#6083ff"},"la_paz":{"color":"#6083ff"},"sydney":{"color":"#6083ff"},"tokyo":{"color":"#6083ff"}},"image":{"link":"https://images.unsplash.com/photo-1494500764479-0c8f2919a3d8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1494500764479-0c8f2919a3d8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":{"id":"777814388","link":"https://werare.atlassian.net/wiki/x/dIFcLg","title":"Difference Between Project Chart and Global Chart","type":"page","source":"page"},"overlay":{"isActive":true,"color":"#000","opacity":0.3},"iconType":"icon"}],"config":{"type":"icon","columns":3,"layout":["title","text","arrow"],"design":"san_francisco","textAlign":"center","height":195,"iconSize":100,"gap":25,"hasTabs":false,"iconRadius":50,"borderRadius":15},"tabs":[{"id":"kew3b3","text":"Type text here","icon":"bootstrap/CloudsFill"}]}

Versions Compared

Old Version 3

New Version Current

Key

Download Chart

Upload Chart