...
Watch our latest video → https://www.youtube.com/watch?v=l2Kx0v4x8IU
...
Examples
| Caelor cards macro v2 |
|---|
| summary | Starter License, Our goverment backed plan designed to keep your business legaly and secure, Standard License, Our goverment backed plan designed to keep your business legaly and secure |
|---|
| title | xw62rt |
|---|
| content | {"cards":[{"id":"212","title":"Starter License","text":"Our goverment backed plan designed to keep your business legaly and secure","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/CloudsFill","color":{"las_vegas":{"background":"#ffffff","color":"#8C5C98"},"san_francisco":{"background":"#ffffff","color":"#8C5C98"},"austin":{"background":"#8C5C98","color":"#000000"},"mumbai":{"background":"#8C5C98"},"hong_kong":{"background":"#8C5C98"},"cape_town":{"background":"#8C5C98"},"palo_alto":{"color":"#8C5C98"},"new_york":{"color":"#8C5C98"},"madrid":{"color":"#8C5C98"},"berlin":{"color":"#8C5C98"},"la_paz":{"color":"#8C5C98"},"sydney":{"color":"#8C5C98"},"tokyo":{"color":"#8C5C98"}},"image":{"link":"https://images.unsplash.com/photo-1575139488326-d73dfafe2f5f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1575139488326-d73dfafe2f5f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":"","overlay":{"isActive":false,"color":"#000","opacity":0.3},"tabId":"k6gc0g"},{"id":"hg7xa","title":"Standard License","text":"Our goverment backed plan designed to keep your business legaly and secure","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/CloudsFill","color":{"las_vegas":{"background":"#ffffff","color":"#FF7654"},"san_francisco":{"background":"#ffffff","color":"#FF7654"},"austin":{"background":"#FF7654","color":"#000000"},"mumbai":{"background":"#FF7654"},"hong_kong":{"background":"#FF7654"},"cape_town":{"background":"#FF7654"},"palo_alto":{"color":"#FF7654"},"new_york":{"color":"#FF7654"},"madrid":{"color":"#FF7654"},"berlin":{"color":"#FF7654"},"la_paz":{"color":"#FF7654"},"sydney":{"color":"#FF7654"},"tokyo":{"color":"#FF7654"}},"image":{"link":"https://images.unsplash.com/photo-1598453766271-46f9398957a0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1598453766271-46f9398957a0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":"","overlay":{"isActive":false,"color":"#000","opacity":0.3},"tabId":"k6gc0g"}],"config":{"type":"image","columns":2,"layout":["title","text"],"design":"las_vegas","textAlign":"left","height":150,"iconSize":100,"gap":16,"iconRadius":50,"borderRadius":6},"tabs":[{"id":"k6gc0g","text":"","icon":"bootstrap/CloudsFill"}]} |
|---|
|
|
...
| Caelor cards macro v2 |
|---|
| title | ij19r6 |
|---|
| content | {"cards":[{"id":"209","title":"Project planning","text":"Type text here","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/CloudsFill","themeColor":"#0065ff","image":{"imageUrl":"https://images.unsplash.com/photo-1598349326101-fc9e68975a52?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMzQyNzV8MHwxfHNlYXJjaHwzMnx8aWxsdXN0cmF0aW9ufGVufDB8fHx8MTY1Nzc5ODY5Mw&ixlib=rb-1.2.1&q=80&w=1080","source":"unsplash","link":"https://images.unsplash.com/photo-1598349326101-fc9e68975a52?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMzQyNzV8MHwxfHNlYXJjaHwzMnx8aWxsdXN0cmF0aW9ufGVufDB8fHx8MTY1Nzc5ODY5Mw&ixlib=rb-1.2.1&q=80&w=1080","id":"s8wknXs_O7U"},"newTab":"false","link":"","overlay":{"isActive":true,"color":"#000","opacity":0.2}},{"id":"xt3cl","title":"Architecture","text":"Type text here","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/CloudsFill","themeColor":"#6083ff","image":{"imageUrl":"https://images.unsplash.com/photo-1518005020951-eccb494ad742?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMzQyNzV8MHwxfHNlYXJjaHw2fHxBcmNoaXRlY3R1cmV8ZW58MHx8fHwxNjU4MzE1NDEw&ixlib=rb-1.2.1&q=80&w=1080","source":"unsplash","link":"https://images.unsplash.com/photo-1518005020951-eccb494ad742?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMzQyNzV8MHwxfHNlYXJjaHw2fHxBcmNoaXRlY3R1cmV8ZW58MHx8fHwxNjU4MzE1NDEw&ixlib=rb-1.2.1&q=80&w=1080","id":"ACt8ycSzpdE"},"newTab":"false","link":"","overlay":{"isActive":true,"color":"#000","opacity":0.3}}],"config":{"type":"image","columns":2,"layout":["arrow"],"design":"hong_kong","textAlign":"left","height":180}} |
|---|
|
|
...
How to use
To add the Cards macro to a Confluence page:
...
Inline editing | Use inline editing feature and seamlessly edit the content of your cards. Write your cards copy directly in macro preview and make quick changes with one click. |
Icons and emojis | Click on icon and choose from more than 5000 icons available and attract even more attention with Atlassian built-in emojis. |
Color | Choose a theme color from the Atlassian primary and secondary colour palette. To define your company colours only, use Optics Styleguide. |
Card Link | Add links to Confluence content (pages and attachments) and external URLs, giving them a more polished look. Use the email tab to open the mail client with the click on the button. |
Elements | Use the layout structure option to enable/disable card elements. By default, all elements are enabled. |
Design styles | The design style feature allows you to explore and play with different design styles until you find one perfect for your use case. Also, you get to select which elements you want to include and visually present in your cards. |
Tabs | Tabs in macros are better than creating many macros because they help to keep macros organized and easy to access. They also help to streamline the workflow by allowing users to group related topics into one tab, making it simpler to find the desired information. |
...
Card templates
For starters, let's welcome and give a big round of applause for our newly added Templates. Although our design team had a field day getting them ready for you, they are primarily (pre)designed to make your life and work easier. Save your time and creative juices and choose from a cool selection of Text, Icon, and Image templates. Watch our new video → https://www.youtube.com/watch?v=W_DY6g03d8E
...
Of course, nothing is set in stone, so feel free to add your personal touch and further customize them to better suit your needs. And if you wish to show your work and share your creativity with others, you can create your own templates by adding the Library section. The library section allows you to store all your custom-designed cards in one place.
...
Tabs in Cards
Tabs in Cards make it easier to organize and keep track of content. They also make it easier to quickly access specific content, saving time and making it easier to find the content you need. This will eliminate the need to create five different Cards macros for five topics.
...
Tabs in macros are better than creating many macros because they help to keep macros organized and easy to access. They also help to streamline the workflow by allowing users to group related topics into one tab, making it simpler to find the desired information. Furthermore, tabs help to save space on a Confluence page, which many individual macros would otherwise occupy.
...
Roadmap
The button will receive updates to improve performance and user experience. We will introduce the following features soon:
...