How to insert jQuery Tabs to your Joomla 3.x website

In this presentation you will see how to insert Likno jQuery Tabs to your Joomla 3.x site through the

Joomla Tabs Component.

&

You need to have Likno Web Tabs Builder v2.1.226 installed on your computer and Likno Web Tabs Joomla component installed and activated on your Joomla website.

&

Step 1: Create your jQuery Tabs in Likno Web Tabs Builder.

Step 2: Check the positioning of your tabs. Select the “Insert into a page Element (div, span, td, etc)” option.Type the element ID or leave the default.

Step 3: Change the Compiled JavaScript Project name.Click on Project and in the Project Properties dialog box select the Custom

and insert your custom name for your compiled JavaScript file.

Step 4: Compile your tabs project for Joomla.Click on Add-ins -> Joomla Project -> Compile Joomla Project.Click “Continue with Compile” on the dialog box that appears.

Step 5: Login to you Joomla Administration Panel.Click on Extensions -> Extension Manager.

Step 6: Click on Choose file in order to select the zip file that is created after you compiled your tabs project.

Step 7: Choose the compiled zip folder (created when you compiled your tabs project) and then click “Upload & Install”.You will get the message “Installing module was successful”.

Step 8: Go to your existent articles or create a new one in Article Manager.In order to insert your tabs in your article you need to first place the cursor in the point you want the tabs to appear and then click on the button “Tab Control”.

Step 9: On the modal window that appears, select the tabs you want to place into your article and click on “Insert”.

Save your article and you are done.

The tabs are in your article.

More information on how to download and install Likno Web Tabs Joomla Component

More information about Likno Web Tabs Builder