---
title: "Tab Group (for migration only)"
canonical: "https://support.appfire.com/space/CT/1562607835/Tab%20Group%20(for%20migration%20only)"
format: markdown
---
> Macro (aura-html)

<span style="color: #000000">This macro is used for migrating content in Deck of Cards macros to cloud, </span>and the migrated content in the nested Cards macros <span style="color: #000000">is</span> converted to [Tab](https://appfire.atlassian.net/wiki/spaces/CTFCSM/pages/1562020446) macros.<span style="color: #000000"> </span>It is primarily used for migration purposes and is not available in the macro browser to be directly added to a page.

> ℹ️ - <span style="color: #000000">In cloud, this macro is marked as a </span><span style="color: #000000">*Legacy *</span><span style="color: #000000">macro because it is only compatible with </span><span style="color: #000000">[Confluence Cloud Legacy Editor](https://support.atlassian.com/confluence-cloud/docs/confluence-cloud-editor-roadmap?__hstc=72543820.813ea3c6404f7d24d52cfaa16e5ba6d5.1667806392510.1668152640448.1668156503961.17&__hssc=72543820.24.1668156503961&__hsfp=1372385140)</span><span style="color: #000000">.</span>
> ℹ️ - <span style="color: #000000">Use the Tabs macro instead for tabbed content in Confluence Cloud’s new editor.</span>

> ⚠️ **Notes about migration**
> ⚠️ 
> ⚠️ - In Data Center, the macro is used to migrate [Deck of Cards](https://appfire.atlassian.net/wiki/spaces/CTFCSM/pages/1562607623) macros to cloud.
> ⚠️ - <span style="color: #172b4d">Data Center users migrating to the Cloud will not lose data.</span>
> ⚠️ - Some Data Center parameters are currently unsupported in Cloud and are ignored by the macro. For example, Data Center users migrating to Cloud will lose some CSS and UI functions. For details, refer to [https://appfire.atlassian.net/wiki/spaces/CTFCSM/pages/1561595043](https://appfire.atlassian.net/wiki/spaces/CTFCSM/pages/1561595043).

> ℹ️ The Tab Group macro <span style="color: #172b4d">must contain at least one </span>[Tab](https://appfire.atlassian.net/wiki/spaces/CTFCSM/pages/1562020446)<span style="color: #172b4d"> macro within its body.</span>

| **Data Center** | **Cloud** |
| --- | --- |
| ![image](media://05c7bfc3-0cc0-47e1-b936-e3384d547f23) | ![image](media://cd602197-2029-47db-8e01-0eb3daab2ac8) |

## Parameters

| **Name** | **Required** | **Available in** | **Migratable to cloud?** | **Default value** | **Description** |
| --- | --- | --- | --- | --- | --- |
| **ID** | Yes | Server, Data Center, Cloud | Yes |  | The ID for the Tab Group macro. Must be unique to this page. |
| **Tabs Location** | Yes | Server, Data Center, Cloud | Yes | Top | The position of the tabs. Can be:<br>- **Top**
- **Left**
- **Right **(Not supported in Composition Cloud, the position will default to **Top**.) |
| **Border color of the active tab** | Optional | Cloud | No |  | Choose a color for the border. |
| **Background color of the active tab** | Optional | Cloud | No |  | Choose a background color for the active tab. |
| **Border color of inactive tabs** | Optional | Cloud | No |  | Choose a color for the border of inactive tabs. |
| **Background color of inactive tabs** | Optional | Cloud | No |  | Choose a background color for inactive tabs. |
| **Width** | Optional | Server, Data Center | No |  | <span style="color: #000000">The width the content will be constrained to (not including any tabs).</span><br><span style="color: #000000">If not set, the tabs expand to display their content.</span> |
| **Height** | Optional | Server, Data Center | No |  | <span style="color: #000000">The height the content will be constrained to (not including any tabs).</span><br><span style="color: #000000">If not set, the tabs expand to display their content.</span> |
| **History** | Optional | Server, Data Center | No | true | If enabled, the tab will update the page URL when switching tabs and each navigation between the tabs will be treated as an entry in the browser history. |
| **CSS Class** | Optional | Server, Data Center | No |  | <span style="color: #000000">The custom CSS class the deck is decorated by.</span> |
| **Start Hidden** | Optional | Server, Data Center | No | true | <span style="color: #000000">If set to </span>`false`<span style="color: #000000">, the cards will be initially visible on the page until setup is complete.</span> |
| **Loop Cards** | Optional | Server, Data Center | No |  | <span style="color: #000000">If </span>`true`<span style="color: #000000">, the deck will loop back to the beginning from the last card.</span> |
| **Next After (in Seconds)** | Optional | Server, Data Center | No | never | <span style="color: #000000">The number of seconds the slides will stay visible before moving to the next one.</span><br><span style="color: #000000">By default, the current slide will not transition until prompted by the user.</span> |
| **Effect Type** | Optional | Server, Data Center | No | none | <span style="color: #000000">The effect to use when moving to a new slide. Can be:</span><br>- <span style="color: #000000">**fade**</span>
- <span style="color: #000000">**none**</span> |
| **Effect Duration (in Seconds)** | Optional | Server, Data Center | No | 1 | <span style="color: #000000">The number of seconds the transition will take to complete, for example, </span>`1.5`<span style="color: #000000">** **</span><span style="color: #000000">or </span>`10`<span style="color: #000000">.</span> |

##   
Editor view

![image](media://b94db029-cf93-406c-a989-4171565fade4)

##   
Macro edit view

![image](media://49b6491f-665d-4357-a423-167d666b11ba)