Tabs are UI elements that allow multiple contents within a single window. Tabs are used as a navigation for switching between sets of content. With tabs, it is possible to keep a large amount of data in a much smaller area than you usually need.
Tabs macro | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
[{"label":"Tab 1","id":"1","content":{"type":"doc","content":[{"type":"paragraph","content":[{"text":"On this page, you'll discover all about our newest feature, AI in Cards. From the basics to advanced tricks, we've got you covered. Let's see how AI can transform your content creation in Confluence!","type":"text"}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"Please note that our system Caelor AI operates on the ChatGPT 3.5 Turbo API. Should you wish to use ChatGPT 4.0, kindly ","type":"text"},{"text":"reach out to our support team","type":"text","marks":[{"type":"link","attrs":{"href":"https://caelor.atlassian.net/servicedesk/customer/portal/1/group/1"}}]},{"text":" for further assistance.","type":"text"}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":760,"widthType":"pixel"},"content":[{"type":"media","attrs":{"type":"external","url":"https://caelor-apps.atlassian.net/wiki/download/attachments/28606488/Screenshot%202024-02-22%20at%2000.02.24.png?version=1&modificationDate=1708556550636&cacheVersion=1&api=v2"}}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"How to use","type":"text"}]},{"type":"paragraph","content":[{"text":"Please follow these steps to insert a Cards macro on a Confluence page:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Navigate to the Confluence page you wish to edit or create a new page.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Once in edit mode, either click the plus icon in the navigation bar (insert elements) or press '/' on your keyboard to bring up the macro list.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Type \"Optics\" in the search bar, then choose the Announcements macro from the options displayed.","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"When the configuration dialog opens, it guides you through customizing cards, with a live preview showing changes in real-time. Once you're satisfied, click ","type":"text"},{"text":"Save","type":"text","marks":[{"type":"strong"}]},{"text":" to add the button to your Confluence page. If you decide not to proceed, clicking ","type":"text"},{"text":"Cancel ","type":"text","marks":[{"type":"strong"}]},{"text":"will cancel the setup without inserting the macro.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":760,"widthType":"pixel"},"content":[{"type":"media","attrs":{"type":"external","url":"https://caelor-apps.atlassian.net/wiki/download/attachments/28606488/Screenshot%202024-02-21%20at%2023.16.31.png?version=1&modificationDate=1708557666693&cacheVersion=1&api=v2"}}]},{"type":"paragraph","content":[{"text":"To create cards on a Confluence page using AI:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"When opening the Cards macro dialogue, find the prompt request field at the bottom to add instructions for card creation. Character limit is 250.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Choose your desired design options and style for the output. When using ChatGPT, the cards will adopt the design settings specified in the left sidebar, including alignment, type, style, rounding, etc.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Use AI-related output options such as ","type":"text"},{"text":"output language","type":"text","marks":[{"type":"strong"}]},{"text":", ","type":"text"},{"text":"tone","type":"text","marks":[{"type":"strong"}]},{"text":", and ","type":"text"},{"text":"icons/emojis","type":"text","marks":[{"type":"strong"}]},{"text":". ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Add and send instructions. ","type":"text"},{"text":"It can take up to 30 seconds to get results. ","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Once the cards are created, make adjustments, link cards, modify colors, icons, and content as needed.","type":"text"}]}]}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"What you need to know","type":"text","marks":[{"type":"strong"}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Making manual changes before activating chatGPT will result in those changes being overridden. Once chatGPT is engaged, all existing content will be replaced.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Once cards are generated using chatGPT, it is not possible to provide additional instructions to modify the existing cards. Each new prompt will generate new content, separate from any previously created cards. ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Users are restricted to generating a maximum of 10 prompts within a 10-minute window. Upon reaching this limit, a 10-minute cooldown period is initiated, during which users are unable to send new prompts. It's important to note that this restriction applies individually to each user and does not affect other users within the same instance.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Prompt Examples","type":"text"}]},{"type":"paragraph","content":[{"text":"Here are 10 prompt ideas for creating cards related to HR, Product Management, and Marketing:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Outline onboarding activities for new employees on their first day.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Design a project roadmap for launching our upcoming product, detailing key milestones, timelines, and resource allocations.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"What are product owner responsibiities in agile development.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"What are the biggest cities in the world based on population?","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Outline the company’s policy on work-life balance and flexible scheduling.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Explain the process for requesting and approving vacation time.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"List the benefits and procedures for parental leave.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Outline steps for internal job application processes.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"What are 6 mosts popular Software as service solutions in the world.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Describe the product discovery process in IT company.","type":"text"}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Related Content","type":"text"}]},{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"cp-content-card-macro","parameters":{"macroParams":{"data":{"value":"{\"config\":{\"showTabs\":false,\"type\":\"page\",\"variant\":\"card\",\"columns\":2,\"pagination\":\"infinite\",\"labelsBackground\":\"#DFE1E6\",\"coverPictureSize\":200,\"cardBorderRadius\":8,\"gridGap\":10,\"activeElements\":[\"date\",\"description\",\"label\",\"space\"],\"size\":32,\"tabs\":{\"t38kX5BODZ\":{\"enrichment\":\"manually\",\"contributors\":[],\"labels\":[],\"spaces\":[],\"sorting\":\"created\",\"ordering\":\"descending\",\"limit\":8,\"manuallyPicked\":[{\"id\":\"cc702dc2-40d7-44d5-9d83-d515a2a22b9d\",\"position\":0,\"contentId\":\"10027091\"},{\"id\":\"c01aa977-6af5-43a9-9ffb-07374a504956\",\"position\":1,\"contentId\":\"33292328\"}],\"restrictedToCollections\":[],\"excludePersonalSpaces\":false}}},\"tabs\":[{\"id\":\"t38kX5BODZ\",\"name\":\"Insert text\",\"position\":0}],\"_migrations\":[\"migrateContentCards\"]}"}},"macroMetadata":{"macroId":{"value":"1af5e44a-2354-49ac-9a3b-58e106aab931"},"schemaVersion":{"value":"1"},"placeholder":[{"type":"icon","data":{"url":"https://firebasestorage.googleapis.com/v0/b/cards-and-panels-prod.appspot.com/o/public%2Fpulse-icon.svg?alt=media"}}],"title":"Pulse"}},"localId":"516a326d-607c-429e-a618-7349b6d4d606"}}],"version":1},"icon":"","loadOrImport":"load","pageId":"28606488"},{"label":"Tab 2","id":"2","content":{"content":[],"type":"doc","version":1},"icon":""}] |
...
Nested Tabs feature is combining the functionality of Tab Group and Single tab macros. Tab Group macro is used to control the design of all Single Tabs inside, while each Single Tab macro handles its own content.
...
Note |
---|
What you need to know
|
...
Compatibility
Tip |
---|
All Optics macros are compatible with the Nested Tabs macro. |
Content Formatting & Other Atlassian Macros | Nested Tabs Compatibility |
---|---|
Text formatting | |
Text styles (headings) | |
Bullet list | |
Numbered list | |
Action items | Will appear as bullet points. |
Tables | |
Links | Content embeds will appear as URL’s. |
Images | |
Mentions | |
Emojis | |
Code snippet | Will appear without numbering. |
Date | Will appear as plain text. |
Divider | |
Atlassian Panels | |
Status | |
Quote | |
Decision | Will appear as bullet points. |
Expand | |
Activity Stream | |
Agile Wallboard Gadget | |
Assigned to Me | |
Attachments | |
Average Age Chart | |
Average Number of Times in Status | |
Average Time in Status | |
Blog Posts | |
Change History | |
Chart | |
Children Display | |
Filter by label | |
Content Report Table | |
Contributors | |
Contributors Summary | |
Create from Template | |
Decision report | |
Excerpt | |
Excerpt Include | |
Filter Results | |
Gallery | |
Heat Map | |
Iframe | |
Include Page | |
Issue Statistics | |
Issues in progress | |
Jira Charts | |
Jira Issues Calendar | |
Jira Road Map | |
Labels Gadget | |
Labels List | |
Livesearch | |
Office Excel | |
Office Powerpoint | |
Office Word | |
Opsgenie Incident Timeline | |
Opsgenie Incident Timeline EU | |
Page Index | |
Page Properties | |
Page Properties Report | |
Page Tree | |
Page Tree Search | |
Pie Chart | |
Popular Labels | |
Profile Picture | |
Projects | |
Quick links | |
Recently Created Chart | |
Recent updates | The “Show more” button is not supported. |
Recently Updated Dashboard | Only the “All Updates” tab is supported. |
Related Labels | |
Resolution Time | |
Roadmap Planner | |
Shared Links Bookmarklet Button | |
Spaces List | |
Sprint Burndown Gadget | |
Sprint Health Gadget | |
Starred filters | |
Table of Content Zone | |
Table of Contents | |
Task report | |
Time Since Chart | |
Time to First Response | |
Two Dimensional Filter Statistics | |
User List | |
User Profile | The profile picture is not supported. |
Version Report | |
Voted Issues | |
Watched Issues | |
Widget Connector | |
Workload Pie Chart |