> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Adding blocks with tabs

Tabs are useful for organizing chunks of related information into a single block, thereby freeing space on a page. With this feature, you can structure the pictures in a gallery by general topics, organize your company's products and services, and much more.

Weblium editor allows you to add a pre-made block with tabs or enable tabs mode in some of the existing blocks. 

Here's a good example of block with tabs: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1056-4_1f3i9qr.png)

### Adding a block with tabs 

1. To add a block with tabs, open the blocks gallery and choose a suitable block with tabs: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1072-2_132v7k8.png)

2. Hover over the content of the block and click on the "gear" to access the **Collection settings**. In the pop-up window, navigate to the **Modes** tab and choose the type, quantity, and alignment of your tabs:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1073-1_1c9pxr9.png)

| ${color}[#1aa900](Tip:) Proceed with customizing your block according to the instructions in the [Changing the design of a block](https://help.weblium.com/en-us/article/changing-the-design-of-a-block-1uf6xwc/) article.

### Enabling the tabs mode in a collection

Some blocks in our gallery can contain a set of entirely interdependent elements gathered in a collection. Each item in a collection keeps the same layout as others — if you delete an element from one item in a collection, it will be automatically deleted from every item.

The collection blocks can be re-structured into tabs.

${youtube}[Tabs in a collection](vvya4gN7i98)

| ${color}[#1aa900](Tip:) To learn more about the collections, check the [Collection items settings](https://help.weblium.com/en-us/article/collection-items-settings-b2rb1y/) article.

1. For that, hover over the collection item and click on the "gear" in the top right corner to access its settings:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1071-2_e8v2wx.png)

2. In the pop-up window, navigate to the **Modes** tab and enable the **Tabs** option: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1067-1_19dp1x6.png)

3. Here you can change the type, quantity or alignment of your tabs, and also set the accent color: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1073-1_1c9pxr9.png)

|| ${color}[#ffa800](Note:) The maximum number of tabs is 8. The acceptable size of the icons in the tab name is 40x40 px.

### Managing tabs and their content

1. To rename a tab, click on its name, highlight it and add a new one: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1070-1_tpja9h.png)

| ${color}[#1aa900](Tip:) You can switch between tabs just by clicking on the tab name. 

2. To access the tabs settings, hover over the collection element and click on three stripes icon: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1072-5_k9dgih.png)

3. In the new window, you can drag the tabs to change their order, duplicate, delete or hide them:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1073-7_1tgkw28.png)

4. To move elements within one tab, hover over the element and drag it to the desired position:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1069-1_1j3rh0h.png)

Don't forget to [publish your site](https://help.weblium.com/en-us/article/publishing-a-site-tgxmch/) for the changes to appear live.