No results found. Try again with different words?
Search must be at least 3 characters.
- How to update plugin manually through FTP
- How to update UABB?
- How to register your license?
- About Beta Versions
- Will I lose all my design work when I download and re-install the plugin?
- Getting Started with the Ultimate Addons for Beaver Builder
- How can I install the Ultimate Addons for Beaver Builder?
- Automatic Beta Updates
- How to check expiration date of license?
- How to enable / disable Beaver Builder's UI?
- UABB Global Settings
- How to White Label UABB?
- How to enable / disable Live Preview feature?
- How to Hide Templates from your Clients?
- How can I use other modules in Modal Popup / Advanced Accordion / Advanced Tab?
- How to enable / disable modules in UABB to reduce server requests?
- Section and Page Templates don’t look the same when I am using them. Why?
- How can I Begin Building a Page using UABB?
- Troubleshooting Tips for Ultimate Addon’s Font Icons
- White Screen / Blank Screen / 500 Error After Installation
- Fatal error: Call to undefined function array_replace_recursive()
- How to Increase the Memory Limit of your site?
- Fatal error: Class 'FLBuilderAdminSettings' not found
- Failed to download template from Template Cloud
- Haven't received update notification yet?
- cURL error 51: SSL: No alternative certificate subject name matches target host name
- DIY Troubleshooting
Advanced Tabs Module
Ultimate Addons for Beaver Builder has one of the most used modules which helps enhance the look of your pages with interactive Advanced Tabs module.
![Advanced Tabs Module](https://www.ultimatebeaver.com/wp-content/uploads/2022/08/advanced-tab1.png)
Below are some key features of the module –
- Options to have Icons on Tab Title with Icon Position option
- Active Tabs styling and Layout options- Horizontal/Vertical
- Choose from Tab Appearance Options – Simple/Bar/Icon Fall, etc.
- Responsive Mode for Tabs with responsive Breakpoint option
- Ability to insert Content/Photo/Video Embed Code to Tabs content
- And also insert Saved Rows/Saved Module/etc to Tabs content while using with Beaver Builder Pro.
- Multiple Styling Options
- Easy & 100% Customization for Tabs Title, Content, & Icons
How to Use the Advanced Tabs module on Beaver Builder Page?
Step 1: First, search the panel for the “Advanced Tabs” Module, in the Beaver Builder Editor, and drag & drop the module onto the page.
![Advanced Tabs Module](https://www.ultimatebeaver.com/wp-content/uploads/2022/08/advanced-tab2-1024x372.png)
Step 2: In the Tab Items tab, add or duplicate items and start editing individual items with Title, Tab Icon, and Content as per your requirement.
![Advanced Tabs Module](https://www.ultimatebeaver.com/wp-content/uploads/2022/08/advanced-tab3-1024x389.png)
Step 3: While working with UABB modules, you can simply choose any style from a list of professionally designed, sleek, and classic presets. Presets will help you quickly create great designs. You can select the preset of your choice here. But before changing presets, save the content, you added to the module. Otherwise, your content will be overwritten with the default one.
![advanced tabs presets](https://www.ultimatebeaver.com/wp-content/uploads/2022/08/preset5.png)
Step 4: Visit the second tab of the module, which is the Tab where you can select the Tab layout – Horizontal/Vertical. Also, you can select the appearance of how the Tab is supposed to look. Additionally, this Tab has padding, responsive options, etc to style the Tab title section further.
![Advanced Tabs Module](https://www.ultimatebeaver.com/wp-content/uploads/2022/08/advanced-tab4-1024x439.png)
Step 5: The next Content section, will help style the content of your tabs. You can set the Alignment, content color, background color, padding, border, and much more here.
![Advanced Tabs Module](https://www.ultimatebeaver.com/wp-content/uploads/2022/08/advanced-tab5-1024x436.png)
Step 6: If you want to change the typography of the Tabs and Content, you can modify it from the respective Tab/Content and further from the Typography tab.
![Advanced Tabs Module](https://www.ultimatebeaver.com/wp-content/uploads/2022/08/advanced-tab6-1024x434.png)
Let’s have a glance at the detailed overview of Tab Appearance Options:
You can choose the appearance from the different tab styles:
- Simple
- Bar
- Icon fall
- Topline
- Line box
Simple: When you set the tab appearance to simple, it will look like this.
![tab appearance - simple](https://www.ultimatebeaver.com/wp-content/uploads/2022/08/simple-1024x378.png)
Bar: When you set the tab appearance to bar, it will look like this.
![tab appearance - bar](https://www.ultimatebeaver.com/wp-content/uploads/2022/08/bar-1024x362.png)
Icon fall: When you set the tab appearance to Icon fall, it will look like this.
![tab appearance - icon fall](https://www.ultimatebeaver.com/wp-content/uploads/2022/08/icon-fall-1024x406.png)
Topline: When you set the tab appearance to Topline, it will look like this.
![tab appearance - topline](https://www.ultimatebeaver.com/wp-content/uploads/2022/08/topline-1024x371.png)
Line box: When you set the tab appearance to Line box, it will look like this.
![tab appearance - line box](https://www.ultimatebeaver.com/wp-content/uploads/2022/08/line-box-1024x362.png)
Note:
You can enable/disable the icon for each tab appearance option depending on your requirement. Also, you have full control over tab style like tab width, tab focus color, text active, hover colors, and much more.
We don't respond to the article feedback, we use it to improve our support content.