SlideShare a Scribd company logo
1 of 9
Download to read offline
GETTING STARTED WITH

                        BJ CONTENT TAB




Version 2.5.4 & 2.7.2




http://byjoomla.com

Created: 21/11/2011
The ByJoomla Team - BJ Content Tab

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

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

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

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




                                                                                                                           2
The ByJoomla Team - BJ Content Tab

I, Download
    Login at http://clients.byjoomla.com/client_login.php

    Login      using       your

      registered Email and

      Password
                                                     Figure 1: Login window




    At the very bottom of

      this page, there is a

      list of order. Click on

      “View’’ button to go

      on




                                                    Figure 2: View extentions


    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.




                                                                                3
The ByJoomla Team - BJ Content Tab

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.




                                                                               4
The ByJoomla Team - BJ Content Tab

III, Configuration




                                      Figure 3: Parameters window




   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




                                                                                   5
The ByJoomla Team - BJ Content Tab




                       Figure 4: Category ID in Category Manager

 Item count: Number of items in category that you want to show. This also the
   number of Tab will appear in content tab.




                                    Figure 5: Two items 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 6: Item ID in Artical manager




                                                                                 6
The ByJoomla Team - BJ Content Tab


 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.




                               Figure 7: Typography configuration




 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).




                                                                                   7
The ByJoomla Team - BJ Content Tab




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


 Background: Color of the background panel. Choose in hexa color.
 Tab header: Choose between article alias and article title




            Figure 9: Article alias                                    Figure 10: 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.
                                                                                                  8
The ByJoomla Team - BJ Content Tab

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/




                                                                                      9

More Related Content

Viewers also liked (6)

Interview of AD Agency BMM project
Interview of AD Agency BMM projectInterview of AD Agency BMM project
Interview of AD Agency BMM project
 
Periodic table keynote
Periodic table keynotePeriodic table keynote
Periodic table keynote
 
Periodic table
Periodic tablePeriodic table
Periodic table
 
Comparative Management Report
Comparative Management ReportComparative Management Report
Comparative Management Report
 
Journey to the centre of the earth
Journey to the centre of the earthJourney to the centre of the earth
Journey to the centre of the earth
 
Media planning and Buying
Media planning and BuyingMedia planning and Buying
Media planning and Buying
 

Recently uploaded

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Peter Udo Diehl
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
panagenda
 

Recently uploaded (20)

ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsPLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through Observability
 
Syngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdf
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
 

Getting started with BJ content tab

  • 1. GETTING STARTED WITH BJ CONTENT TAB Version 2.5.4 & 2.7.2 http://byjoomla.com Created: 21/11/2011
  • 2. The ByJoomla Team - BJ Content Tab Contents I, Download ..............................................................................................................3 II, Installation ...........................................................................................................3 III, Configuration ......................................................................................................5 IV. TIPS ...................................................................................................................9 2
  • 3. The ByJoomla Team - BJ Content Tab I, Download  Login at http://clients.byjoomla.com/client_login.php  Login using your registered Email and Password Figure 1: Login window  At the very bottom of this page, there is a list of order. Click on “View’’ button to go on Figure 2: View extentions  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. 3
  • 4. The ByJoomla Team - BJ Content Tab 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. 4
  • 5. The ByJoomla Team - BJ Content Tab III, Configuration Figure 3: Parameters window  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 5
  • 6. The ByJoomla Team - BJ Content Tab Figure 4: Category ID in Category Manager  Item count: Number of items in category that you want to show. This also the number of Tab will appear in content tab. Figure 5: Two items 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 6: Item ID in Artical manager 6
  • 7. The ByJoomla Team - BJ Content Tab  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. Figure 7: Typography configuration  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). 7
  • 8. The ByJoomla Team - BJ Content Tab Figure 8: 1- Panel width; 2- Content width; 3-Title width  Background: Color of the background panel. Choose in hexa color.  Tab header: Choose between article alias and article title Figure 9: Article alias Figure 10: 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. 8
  • 9. The ByJoomla Team - BJ Content Tab 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/ 9