Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • Hung Dinh Friend
    #150042

    JA Tabs(mod_jatabs_j15.zip)

    JA Tabs is a plugin help you to create tabs in a Joomla aritcle.

    • Support multi kind of tabs: Horizontal, Verticale.
    • Configurable animations: Left/right, fading…
    • Multi theme suport
    • Full of configuration

    Step 1: Installation
    You follow simple steps below:1/ Install the module via Joomla Installer
    2/ Assign module to the position: {left}
    3/ Enable the module

    Then, the module is instantly available in your front-end. If you are new to this stuff, follow detailed guideline below:
    —-How to install Joomla module

    Step 2: Configuration

    From the back-end of your Joomla site (administration) select Extensions->Module Manger, then click on module title JA Tabs to enter configuration panel

    Default settings of JA Tabs on demo:

    How to Use JA Tabs:

    I. Creating Tabs inside a Joomla article

    • Parameter Options General
    • All parameter options for the JaTabs Plugin.

      Type: The JA Tabs typing (Content, modules, module, articles)
      Ajax: Use ajax to load content of tabs (true, false). Value default is false.
      Position: Position of the Tabs (top, left, right, bottom). Value default is top.
      Style: The JA Tabs styling (basic). Value default is basic.
      Width(px): Defines width of the frame.
      Height (px): Defines height of the frame. Value default is 200.
      Width Tabs (px): Defines width of the left/right tabs.
      Height Tabs (px): Defines Height of the tabs.
      Duration(ms): Defines time interval of the transition effect in miliseconds. Value default is 1000.
      anim Type: Define the transition effect. (animFade, animMoveHor, animMoveVir, none). Value default is animMoveVir.
      mouseType: Action behavior of the control panel (click, mouseover, none). Value default is click.
      SkipAnim: (true, false). Value default is false.

      When creating new or edit a article for Joomla! 1.5 you can insert jatabs tags as case following:

    • Type = modules

    {jatabs type=”modules” module=”user10″ ajax=”true” position=”left” widthTabs=”112″ heightTabs=30 width=”600″ height=”400″ mousetype=”click” animType=”animFade” skipAnim=”false” duration=1000 } {/jatabs}

    – module: position of the module

    – Demo:

    • Type = module


    {jatabs type=”module” modulename=”mod_janews, mod_search, mod_custom” position=”top” width=”600″ height=”1200″ mousetype=”click” animType=”animFade” skipAnim=”false” duration=1000 }{/jatabs}



    – modulename: module’s name list. Note: module must published

    – Demo:

    • Type = content
    • [FONT=Verdana]{jatabs type=”content” position=”top” width=”450″ height=”200″ mousetype=”click” animType=”animMoveVir” skipAnim=”false” duration=1000 }
      This is tab content 1
      This is tab content 2
      This is tab content 3
      This is tab content 4
      {/jatabs}

    – Demo:

      1. Type = articles

    {jatabs type=”articles” ids=”1, 2,3″ view=”introtext” position=”left” widthTabs=150 heightTabs=30 width=”600″ height=”230″ mousetype=”click” animType=”animFade” skipAnim=”false” duration=1000 }{/jatabs}

    – ids: list id of the article
    – view: you set to show introtext/fulltext of article content
    – Note: only show the articles published

    – Demo:

    – view: you set to show introtext/fulltext of article content
    – numberTabs: max number tab you want to show
    – Demo:
    Result view article:

    {jatabs type=”articles” catid=”1″ numberTabs=4 view=”introtext” position=”top” width=”600″ height=”230″ mousetype=”click” animType=”animFade” skipAnim=”false” duration=1000 }{/jatabs}

    – catid: id of the category.II. Creating Tabs as a standard Joomla module

    • With JA tabs for Joomla 1.5, parameters are divided into 2 group.
      1. Module parameters: When you select a type tabs, correlative parameter of this type is enabled and other parameters in this group are disabled. You have to enter a suitable value for enabled parameter.
      2. – If ‘Type = Module’, ‘List module’ text is enabled and other parameters are disabled.
        – If ‘Type = Modules’, ‘Select a position’ select box is enabled.
        – If ‘Type = Articles-ID’, ‘ArticleID List’ text is enabled.
        – If ‘Type = Articles-CategoryID’, ‘Category ID’ text is enabled.

      3. Advanced parameters: Beside you have to choose module parameters, you can enter or not enter advanced parameters for displaying JA tabs module. If you don’t choose advanced parameters, JA tabs module will take default values of these parameters to display.
    walkysss Friend
    #364408

    Hi

    I got an issue wit this !

    {jatabs type=”content” position=”top” width=”450″ height=”200″ mousetype=”mouseover” animType=”animMoveVir” skipAnim=”false” duration=1000 }
    This is tab content 1
    This is tab content 2
    This is tab content 3
    This is tab content 4
    {/jatabs}

    mouseover function doesnt work….
    can you please help ?

    Saguaros Moderator
    #364473

    now, please try to view demos, and some sample configurations: http://demo.joomlart.com/extensions15/index.php?option=com_content&view=article&id=109&Itemid=54
    and try again

    Please provide me the link to your site if the issue is not fixed

    Thanks

    imediacorp Friend
    #375040

    Hi, there. Great work on all your templates and extension. I have an issue with the JA tabs plugin… I don’t seem to be able to get basic formatting like bullets to work within a tab. Is there something I’m missing?

    jmart Friend
    #375432

    same here where can i get an example of a two col of type content with bullets?

    imediacorp Friend
    #375464

    Can show me where in the link you just posted it say’s anything about content formatting within a tab like bullets? When I use the standard tags for bullets as follows. all I get is a spaced list with no bullets.
    <ol>
    <li>…</li>
    </ol>

    The following page shows the tabs. In the Description tab, there are two lists (Features /Benefits) that are bulleted as above: http://www.dynamichcs.com/dhcs/index.php?option=com_content&view=section&layout=blog&id=8&Itemid=53
    :confused:

    jmart Friend
    #375587

    hi guys i seems to have got some basic formatting using this code but is probably limited to joomlart templates. this is a sample code for 1 tab… others follow….

    <!– //<! LISTS STYLE –>
    <div id=”ja-typo”>
    <div id=”typo-style-2″ class=”ja-typo-blockswrap clearfix”>
    <div class=”ja-typo-blockrow cols-2 clearfix”>
    <div class=”ja-typo-block”>
    <div class=”ja-typo-blockct clearfix”>
    <ul id=”typo-15″ class=”ja-typo-list list-star”>
    <li><span class=”icon”> </span>Private Beach Club</li>
    <li><span class=”icon”> </span>Three Outdoor Swimming Pools</li>
    <li><span class=”icon”> </span>Indoor Heated pool</li>
    <li><span class=”icon”> </span>Jacuzzi</li>
    <li><span class=”icon”> </span>Plunge pool</li>
    <li><span class=”icon”> </span>Saunas </li>
    <li><span class=”icon”> </span>Steam bath</li>
    </ul>
    </div>
    </div>
    <div class=”ja-typo-block”>
    <div class=”ja-typo-blockct clearfix”>
    <ul id=”typo-16″ class=”ja-typo-list list-star”>
    <li><span class=”icon”> </span>Water Sports</li>
    <li><span class=”icon”> </span>Scuba Diving Centre</li>
    <li><span class=”icon”> </span>Leisure and Beauty centre</li>
    <li><span class=”icon”> </span>Hair and Beauty salon</li>
    <li><span class=”icon”> </span>Gymnasium</li>
    <li><span class=”icon”> </span>Two Squash Courts</li>
    <li><span class=”icon”> </span>A Floodlit Tennis Court</li>
    </ul>
    </div>
    </div>
    </div>
    </div>
    </div>

    drjjw Friend
    #375694

    There is no autoplay in the latest JA_Tabs module v1.5.1

    Jordan

    Thanh Nguyen Viet Friend
    #375747

    <em>@drjjw 220164 wrote:</em><blockquote>There is no autoplay in the latest JA_Tabs module v1.5.1

    Jordan</blockquote>
    Hello mate,

    auto play feature is not avaiable for JA Tabs.
    There is some mistake on our guide, I will notify to document writer to update it.
    I’m sorry about that

    Best regards,
    ThanhNV

Viewing 9 posts - 1 through 9 (of 9 total)

This topic contains 9 replies, has 7 voices, and was last updated by  Thanh Nguyen Viet 13 years, 2 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum