The Multi tabs section allows displaying different content within the same screen area by organizing it into tabs.  The main benefits of this component include providing a user-friendly and intuitive experience, saving screen space, and organizing complex information in an easily accessible way.

Here are a few ways to use the Multi tabs section:

• Add a series of products  
•  Introduce your team members  
•  Present an event agenda  

Before you begin:

• Choose images to use in your Multi tabs section.
• The maximum file size for images is 25 MB.
• The following image file types are supported: png, jpg, jpeg, gif, svg, svg+xml, ico, x-icon, webp
• The icon size in the tab is fixed at 50x50 pixels.
• See the Image Size Guidelines for more details on image sizing.   

Designing a Multi tabs section 

You can design the different elements of the Multi tabs section to suit your own personal style. 

1. Select the board on which you wish to add a Multi tabs section and open the Designer tab.  
2. Hover over the border between sections where you want to add the section and click Add Section. The Section Gallery opens and displays the section types.  
3. Select Multi tabs from the section menu and choose from the multi tabs templates.  
4. Click Add Section. The new multi tabs section appears on your board for you to design.
5. To design the Multi tabs section, choose one of the section editors. 

• Multi tabs section editor - design the overall look of the section.
• Tabs editor - design each column separately, including icon images and text settings
• Text editor - edit the title and subtitle
• Background editor - edit background settings, including images and padding

Using the multi tabs section editor 

Using the multi tabs section editor, you can design the overall look of the section, such as the number of tabs displayed, as well as the tab style and alignment, labels visibility, and tab arrow navigation.  
Additionally, you can configure animation settings for the transition of tabs. Animation can only be seen on live boards. 

1. To open the multi-tabs section editor, click the  edit button on the section toolbar. 
2. To hide the Title or Subtitle, disable the eye icon next to it.
3. Set the Alignment of the title and subtitle.  
4. Under Tabs, configure the following settings of the columns area:
   1. Enable Icon visibility. If enabled, an icon appears on the tab.  
   2.  Set the Tabs alignment on the page.
   3. Choose a tab Style.  
   4. To add additional tabs, click Add Tab.    
   5. To remove a tab, click on the x button next to the tab.
         
   6. To rearrange the order of tabs, hover over the tabs and move the cursor.      
5. To hide labels, toggle on the setting. 
6. To enable arrow navigation, toggle on the setting. This is ideal when you have a large number of tabs and want to ensure they are easily accessible to visitors.
7. To activate the Animation settings, select the checkbox, then choose the animation speed (slow, medium, fast) 
   This activates automatic transition between tabs, which can be seen only on a live board.   

Editing the tabs

You can design each individual tab in the section by adding an icon image, and adjusting its settings. 

In addition, you can design the different sides of the multi tabs section using various content types, such as Image, Text, Form or Video. 
You can also add text for each tab.   

1. To edit a tab, hover over the tab you wish to design and click the tab edit button or double-click on the tab.
   
      
2. To choose an icon image, open the Image gallery. For more details, see the help article Designing Images.  
3. Enter text for the label button.
4. Choose the side Type for the left and right sides: Image, Text, Form or Video.   
5. To swap the side type positions in the section, click the arrows  icon .
6. Set the Vertical and Horizontal alignment. For more details, see Designing a Text and Image Section.
7. To hide the Title, Subtitle, or Button on the text side, disable the eye icon next to it.  

Editing the Tabs section title and subtitle  

You can use the text editor to edit the Multi tabs section title and subtitle.  

1. To open the text editor, hover over the text of the title or subtitle in the Tabs section and click the text edit button.
2. To format the text elements, see the article Using the Text Editor.

Designing a call-to-action (CTA) button  

You can design the CTA button displayed on the Multi tabs section, including the button style and the type of action taken when it is used.  

1. Hover over the CTA button and click the edit button or double-click on the button.  
2. To style the button elements, see the article Designing buttons and forms.

Designing a section background 

You can design the background with a unique background color, image or video and update padding settings. 

1. To open the background editor, click the background edit button on the Multi tabs section toolbar. 
2. To edit background elements, see the article Using the Background Editor.