Reactive allows you to organize your content into tabs and display it the way you want. By splitting content into tabs, you can streamline important information for your visitors and make it easy for them to find everything they need.
To create tabs, visit the admin panel and click the Pages section under Website.
- Create a new page or edit an existing one. You can refer to our documentation about How to create a Page for more information.
- From the Content tab select the container and column you would like to place the tabs.
- Click the Add element button.
- Select Tabs from the library.
Tabs settings
Text color. This setting allows you to customize the color of your text.
Background color. This setting allows you to customize the background color of your element.
Border color. This setting allows you to set the color of your tabs' border and create the look you want.
Hover color. This setting allows you to control the color of your tabs on mouse over.
Hover background color. This setting allows you to define a background color of your tabs on mouse over
Hover border color. This setting allows you to define a border color of your tabs' border on mouse over.
Note: To set the colors for tab elements, choose the color you need in the color chooser tool, or enter an existing color code into the special field below the palette. Adjust color opacity using the opacity scale (optional).
Margin. This setting allows you to control the space around the tabs' border by changing the top, bottom, left and right values.
Padding. This setting allows you to control the space between the content and borders of the tabs by changing the top, bottom, left and right values.
How to create a new tab
Click "Add tab" at the top left of your screen. You can drag and drop tabs to change their position, delete or copy a tab.
After adding the tab, rename it to match your planned content. Then, add the text you want to display on the tab.
Once you have done, click the "Apply" button at the bottom right of your screen.
Related Articles
How to create a Google Map element
The Google Map element allows you to add customized maps anywhere on your site. To create a new Google Map element, navigate to the Pages section from the sidebar menu of your admin panel under Website. Create a new page or edit an existing one. You ...
How to create a Code Block element
The code block element is very useful. This allows you to embed the custom code that you want onto your page. To create a code block element, navigate to the Pages section from your Reactive admin under Website. Create a new page or edit an existing ...
How to create a text element
The text element allows you to add text content right into your page. To create a text element, navigate to the Pages section from the sidebar menu of your admin panel under Website. Create a new page or edit an existing one. You can refer to our ...
How to create an accordion element
To create an accordion menu on your Reactive website, you can use the Accordion element. This element allows you to create a menu that expands and collapses when clicked, providing a clean and organized way to present your content. Here’s how to ...
How to create a product element
Reactive allows you to add products into your content. You have full control over which products display, and how they are presented. To create a product element, navigate to the Pages section from the sidebar menu of your admin panel under Website. ...