Getting started with BJ content tab

9
GETTING STARTED WITH BJ CONTENT TAB Version 2.5.4 & 2.7.2 http://byjoomla.com Created: 21/11/2011

description

 

Transcript of Getting started with BJ content tab

Page 1: Getting started with BJ content tab

GETTING STARTED WITH

BJ CONTENT TAB

Version 2.5.4 & 2.7.2

http://byjoomla.com

Created: 21/11/2011

Page 2: Getting started with BJ content tab

The ByJoomla Team - BJ Content Tab

2

Contents

I, Download .............................................................................................................. 3

II, Installation ........................................................................................................... 3

III, Configuration ...................................................................................................... 5

IV. TIPS ................................................................................................................... 9

Page 3: Getting started with BJ content tab

The ByJoomla Team - BJ Content Tab

3

I, Download

Login at http://clients.byjoomla.com/client_login.php

Login using your

registered Email and

Password

At the very bottom of

this page, there is a

list of order. Click on

“View’’ button to go

on

In the next page, there are downloadable packages. There is Venus Ad-on

extention. Download and unzip this file.

II, Installation

1) Unzip the .zip file

2) Find the installation file inside.

3) Login Joomla as Administrator user.

Extensions Install/Uninstall.

Figure 1: Login window

Figure 2: View extentions

Page 4: Getting started with BJ content tab

The ByJoomla Team - BJ Content Tab

4

4) Press “Choose file” button and find you downloaded file

mod_bj_content_tab_2.5.3.zip on your computer.

5) Install module by pressing “Upload File & Install” button.

Page 5: Getting started with BJ content tab

The ByJoomla Team - BJ Content Tab

5

III, Configuration

Module Class suffix: If you put ” nostyle“ for this parameter the content tab

wil not load its defaut style.

If you leave this parameter blank the content tab use its

defaut style.

Category ID: ID of category that you want to show.

You can find it in Content Category manager

Figure 3: Parameters window

Page 6: Getting started with BJ content tab

The ByJoomla Team - BJ Content Tab

6

Item count: Number of items in category that you want to show. This also the

number of Tab will appear in content tab.

Item list: ID of items that you want to show, if leave blank newest items will be

shown. Each category is seperated from others by a comma.

You can find Item ID in Content Artical manager

Figure 4: Category ID in Category Manager

Figure 5: Two items tab

Figure 6: Item ID in Artical manager

Page 7: Getting started with BJ content tab

The ByJoomla Team - BJ Content Tab

7

Title class list: List of class name that you want to applied for each tabber title

(seperated by a comma). You can find the class name in this list below.

Panel width: With of tab panel. It can be in percentage (with respect to the

outside container, e.g 100%) or in pixel (e.g 400px).

Content width: With of tab content. It can be in percentage (with respect to

the outside container, e.g 97%) or in pixel (e.g 350px).

Titile width: Width of titile. It can be in percentage (with respect to the outside

container, e.g 97%) or in pixel (e.g 350px).

Figure 7: Typography configuration

Page 8: Getting started with BJ content tab

The ByJoomla Team - BJ Content Tab

8

Background: Color of the background panel. Choose in hexa color.

Tab header: Choose between article alias and article title

You can find alias and title of article in Content Article manager Choose

the article you want to show.

Tab order: Choose between lastest created first, oldest created first, smallest

odering first and biggest odering first.

Need jQuery: a javascript used by the module. If you are going to use BJ

Image Slider 2 with BJ Venus template, this parameter should be turned off

(because BJ Venus has loaded this library by default). Otherwise, turn it on when

using with non-Jquery supported template.

Figure 8: 1- Panel width; 2- Content width; 3-Title width

Figure 9: Article alias Figure 10: Article title

Page 9: Getting started with BJ content tab

The ByJoomla Team - BJ Content Tab

9

IV. TIPS

Put a “Activate Link” for tab

Do you know that you can open a tab from a link? Or you can go to another page with

a specific tab opened? Follow this tutorial

http://byjoomla.com/blog/2012/06/06/content-tab-%E2%80%93-how-to-activate-links/