> For the complete documentation index, see [llms.txt](https://landofcoder.gitbook.io/magento-2-megamenu/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://landofcoder.gitbook.io/magento-2-megamenu/faq/how-to-use-dynamic-content-tabs-for-sub-menu-items.md).

# How to use dynamic content tabs for sub menu items?

To config the submenu items display as this:

![FAQ](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ml4NK7Q1RRARTJZU4uN%2F-Ml4WO7V2JwHYx0CwW5R%2F-Ml4WWEvviQDlRMAYW91%2Fmenu_with_dynamic_content_tabs.jpg?alt=media\&token=3931fb15-a839-49a9-be61-c05318bb1891)

Please make the menu items have structure as this:

![FAQ](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ml4NK7Q1RRARTJZU4uN%2F-Ml4WO7V2JwHYx0CwW5R%2F-Ml4WbFZMHjnOx4pVO4r%2Fadd_sub_menu_items.jpg?alt=media\&token=cf9020f0-9bfd-4b3b-b995-e1658a542924)

1. **Design with 5 sub menu items. Each sub menu item will display as tab, the sub content of sub menu item will display as tab content.**

![FAQ](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ml4NK7Q1RRARTJZU4uN%2F-Ml4WO7V2JwHYx0CwW5R%2F-Ml4WiSX79sDCY2_JCLZ%2Fadd_submenu_items_as_tab_content.jpg?alt=media\&token=f8283c46-4441-494b-a6fe-9658f2b7715f)

**2. Config parent menu item “Design” as this:**

![FAQ](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ml4NK7Q1RRARTJZU4uN%2F-Ml4WO7V2JwHYx0CwW5R%2F-Ml4WnmawKVSXrLtX8M6%2Fconfig_parent_menu_item.jpg?alt=media\&token=9fa24a26-baaa-4a4e-a0a4-7fa3be5c910f)

* config main content:
* width = 100%
* Main content type = “dynamic content tab”
* Tab Position = “Left”

**3, Config the first tab**

![FAQ](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ml4NK7Q1RRARTJZU4uN%2F-Ml4WO7V2JwHYx0CwW5R%2F-Ml4Wu3ih7DnICK6lyqZ%2Fconfig_first_tab.jpg?alt=media\&token=a7557dd5-da81-47c5-8e65-cb2006599d66)

Enable option “Is Group”

add background image as you want.

**4, Config sub menu content section:**

![](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ml4NK7Q1RRARTJZU4uN%2F-Ml4WO7V2JwHYx0CwW5R%2F-Ml4WyY66yB9AzGxDpou%2Fconfig_content_first_tab.jpg?alt=media\&token=8127f335-0974-4b50-8873-090b8822f6ec)

**5, Config content of tabs by config for there sub sub menu items.**

![FAQ](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ml4NK7Q1RRARTJZU4uN%2F-Ml4WO7V2JwHYx0CwW5R%2F-Ml4X29aFFnLqsLPyMba%2Fconfig_tab_content_menu_items.jpg?alt=media\&token=0fc21e86-0c11-4c6f-9ea5-9ded7442b415)

**Note**: You can use sub menu items to display as content of a tab, or use content html with genereate widget shortcode or input static html as you want. That mean we can create 2 level menus, first level is Design, 5 sub menu items will display as tab title, and each sub menu items we can input html code into menu content section or insert widget shortcode on menu content section.