fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

February Updates
Currency Converter Cover
Layers Widget

Remote Tabs

Using the Remote Tabs widget to connect with other widgets and control them. In this article you will learn how to use the Remote Tabs widget on you’r website and use it to create advanced interactive layouts.

Add Widget to Connect

Before starting with the Remote Tabs widget you will need to decide what widget you want the Remote Tabs to control.  Remote Tabs widget can connect to a variety of widgets from Unlimited Elements widget library. Add one of the widgets that support remote controls to the the page and enable remote connection so it will be able to connect with the Remote Tabs widget.

Note: the setting above is in the Widget you want to connect to and not in the Remote Tabs widget itself. A full list of widgets the Remote Tabs can connect to can be found in the link below.

Install Remote Tabs Widget for Elementor

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Remote Tabs”
  3. Hover over the widget in the search results and click install
  4. Add your “Remote Tabs” widget to any Elementor Page

Remote Tabs Settings

1

Remote Parent Name

Connect with the widget you want to control using the Remote Tabs. In most cases you do not need to change this setting from Auto Detectable.

2

Layout

Set the layout for your tabs:

  • Row
  • Row Reverse
  • Column
  • Column Reverse
3

Gap

The gap between tab items in pixels.

4

Justify Content

Align the items according to the layout set.

5

Hover

CSS hover animations for tab items.

Remote Tabs Layout

1

Graphic Element

Choose the graphic Element:

  • None
  • Icon
  • Image
2

Graphic Element Gap

Spacing for the graphic element chosen.

3

Show Title

The gap between tab items in pixels.

4

Show Text

Align the items according to the layout set.

5

Show Label

CSS hover animations for tab items.

Remote Tabs Items

Set the items for your remote tabs. Take in mind that the remote tabs must have the same amount of widgets as the widget they will control.

Remote Tabs Styling

Various styling options are included to control every design aspect of the widget. Modify the colors to match your site’s look and feel. Customize the colors, typography, and layout to make the widget look and work exactly how you want it.

Item Style

Design the item using the style settings for all three states: Normal, Active and Hover.

Item Background Style

Design the item background using the style settings for all three states: Normal, Active and Hover.

Icon Style

Design the icon using the style settings for all three states: Normal, Active and Hover. Take in mind that the icon settings are relevant only if the graphic element choses in layout is icon.

Title Style

Design the title using the style settings for all states: Normal, Active and Hover.

Text Style

Design the text using the style settings for all states: Normal, Active and Hover.

Label Style

Design the label using the style settings for all states: Normal and Active

Image Style

Design the image using the style settings for all states: Normal and Active. The image will show only if in layout graphic element is set to image.

Video Tutorial

Usage Examples

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!