Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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
summary"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!" "Please note that our system Caelor AI operates on the ChatGPT 3.5 Turbo API. Should you wish to use ChatGPT 4.0, kindly " "reach out to our support team" " for further assistance." "How to use" "Please follow these steps to insert a Cards macro on a Confluence page:" "Navigate to the Confluence page you wish to edit or create a new page." "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 \"Optics\" in the search bar, then choose the Announcements macro from the options displayed." "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 " "Save" " to add the button to your Confluence page. If you decide not to proceed, clicking " "Cancel " "will cancel the setup without inserting the macro." "To create cards on a Confluence page using AI:" "When opening the Cards macro dialogue, find the prompt request field at the bottom to add instructions for card creation. Character limit is 250." "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." "Use AI-related output options such as " "output language" ", " "tone" ", and " "icons/emojis" ". " "Add and send instructions. " "It can take up to 30 seconds to get results. " "Once the cards are created, make adjustments, link cards, modify colors, icons, and content as needed." "What you need to know" "Making manual changes before activating chatGPT will result in those changes being overridden. Once chatGPT is engaged, all existing content will be replaced." "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. " "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." "Prompt Examples" "Here are 10 prompt ideas for creating cards related to HR, Product Management, and Marketing:" "Outline onboarding activities for new employees on their first day." "Design a project roadmap for launching our upcoming product, detailing key milestones, timelines, and resource allocations." "What are product owner responsibiities in agile development." "What are the biggest cities in the world based on population?" "Outline the company’s policy on work-life balance and flexible scheduling." "Explain the process for requesting and approving vacation time." "List the benefits and procedures for parental leave." "Outline steps for internal job application processes." "What are 6 mosts popular Software as service solutions in the world." "Describe the product discovery process in IT company." "Related Content"
defaultColor#42526e
activeColor#0052CC
width30
hoverColor#0065FF
tabTypeno-icon
stylestyle-1
alignmentleft
[{"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.

...