Joomla Extensions Club 20,483 posts

[regin Friend reginJoin date: March 2007Posts: 117Downloads:2Uploads:60 Thanks: 28 Thanked: 1 times in 1 posts]

#189557

I have installed Ja tabs on my site, because it is a multi-lingual site, and the tabs are ideal for different visitors to click and read the intro text on the front page in their language.

However, I have some big problems with the plugin.

I have produced this code, and placed it in the featured article on my site.
{jatabs type=”articles” ids=”53, 54, 55″ ajax=true view=”introtext” position=”top” animType=”animMoveVir”} {/jatabs}

(I have tried with other sample code as well, but nothing seems to respond to the changes I do)

I have made relevant changes in the plugin, to reflect the size of the plugin,so it would fit to my site. But nothing I do, will make it fit in the content area.

On top of that, the drop-down menu disappears behind the tabs.

The tabs even cover the module position Sidebar-2.

See live version: http://ucenter.melbournewebsolutions.com.au/index.php/en/

Regin

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501605

Hi Regin,

I corrected this tabs overlapping issue by putting the below overrden css styles into templates/ja_beranis/css/custom.css file:

/*Extra css styles for displaying tabs module on JA Beranis homepage*/ @media (min-width: 980px) {
#t3-content div.ja-tabswrap {
max-width: 500px;
}
}

#t3-content .container {
max-width: 100%;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

#t3-header {
z-index: 9999;
box-shadow: none;
}

.t3-header.container {
overflow: visible !important;
}

.ja-tab-panels-top {
min-height: 400px !important;
}

Note: The tabs will look perfectly on the devices which has bigger 980px witdth screen. On other smaller width devices, you need to adjust the width of ja-tabswrap class by refering this tip.

1 user says Thank You to phong nam for this useful post

1. regin

[regin Friend reginJoin date: March 2007Posts: 117Downloads:2Uploads:60 Thanks: 28 Thanked: 1 times in 1 posts]

#501679

Hi
Thanks.. probably would not had got my head round that.

Ill have a look at the link.

[regin Friend reginJoin date: March 2007Posts: 117Downloads:2Uploads:60 Thanks: 28 Thanked: 1 times in 1 posts]

#501838

Ups, just noticed today that when I choose another language, the tabs fold into something 1/3 of the size.

I click the chinese flag, and then I get the result below. How can that be?

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501841

Hi Regin,

I saw you had changed the language module into selection type, instead of list type and the tabs modules still work fine now. Do you still need our help on this concern ?

1 user says Thank You to phong nam for this useful post

1. regin

[regin Friend reginJoin date: March 2007Posts: 117Downloads:2Uploads:60 Thanks: 28 Thanked: 1 times in 1 posts]

#502005

hi Leo,

Hmm, yeah noticed after I changed to dropdown, the tabs appear to e working fine, so no thanks, if it is working, lets not fix it 🙂

Thank you.

Regin

[Author]

Posts