Joomla Extensions Club 20,483 posts

[rattles Friend rattlesJoin date: August 2011Posts: 32Downloads:0Uploads:28 Thanks: 8]

#172069

Hello,

I have 2 Issues with jatabs.

Issue #1:
If i use jatabs as a module, the design looks different as when i use jatabs as a plugin in an article (the same settings and styles).
You can see the differences here (The first one is the Module and the second on on the same page is the plugin. Both are using the method for listing articles and both are using tab-style: default and pretty much every other setting aswell):

http://devel-1.5.24.wirtshaus-buchholz.de/index.php/essen-und-trinken/speisen-und-getraenke/getraenke


This is the code for my jatabs plugin through article:

{jatabs type='articles' ids='81,82,83,84,85' style=default view='fulltext' position='top' widthTabs=150 heightTabs=30 width='auto' height='auto' mousetype='click' animType='animMoveHor' skipAnim='false' duration=500 }{/jatabs}

And this from the Module-Settings:

Issue #2:
I am quite happy tho with the layout of the jatabs when i am using it as a plugin in articles as you can see at the bottom of the page of the link above. But i tried to replace the color of the tabs itself. So i went to:
<webserver>pluginscontentja_tabsthemesdefaultstyle.css
and replaced everything from:
#F5F5F5
to:
#EEEFFB

The Result is, that nothing has happened. Neither on the module jatabs nor the plugin jatabs on my:

http://devel-1.5.24.wirtshaus-buchholz.de/index.php/essen-und-trinken/speisen-und-getraenke/getraenke


Any help on this one would be really appreciated, Thanks!

---

Attachments:

1. 

[rattles Friend rattlesJoin date: August 2011Posts: 32Downloads:0Uploads:28 Thanks: 8]

#430930

Found a solution for Issue #2.
Changed the code in style.css for section /* JA Tabs top*/ into:

/* JA Tabs top*/
.default .ja-tabs-title-top {
height: 30px;
border-bottom: 1px solid #CBD0E2;
position: relative;
width: 100%;
}

.default .ja-tabs-title-top ul.ja-tabs-title li {
background: #ECEFF9;
border: 1px solid #CBD0E2;
margin-left: 5px;
}

.default .ja-tabs-title-top ul.ja-tabs-title li h3 {
font-size: 100%;
font-weight: bold !important;
line-height: 28px;
margin: 0;
padding: 0 10px;
border: 1px solid #ECEFF9;
color: #273457;
border-bottom: none;
}

.default .ja-tabs-title-top ul.ja-tabs-title li.hover,.default .ja-tabs-title-top ul.ja-tabs-title li.firsthover,.default .ja-tabs-title-top ul.ja-tabs-title li.lasthover
{

}

.default .ja-tabs-title-top ul.ja-tabs-title li.active,.default .ja-tabs-title-top ul.ja-tabs-title li.firstactive,.default .ja-tabs-title-top ul.ja-tabs-title li.lastactive
{
background: #CBD0E2;
border-bottom: 1px solid #FFFFFF;
}

.default .ja-tabs-title-top ul li.active h3,.default .ja-tabs-title-top ul li.firstactive h3,.default .ja-tabs-title-top ul li.lastactive h3
{
color: #ECEFF9;
}


But I still need help on Issue #1.

Thanks in advance!

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#431507

please update your JA software.

[rattles Friend rattlesJoin date: August 2011Posts: 32Downloads:0Uploads:28 Thanks: 8]

#431575

Alright,

so i went to my Joomla Installation and updated ALL JA Modules/Plugins/Templates etc.
Everything used from Joomlart is now up to date, But the problem still persists!

Any further suggestions about this?

Thanks Ralph.

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#431682

add a suffix or custom id and then remove the background image. like this.

.default .ja-tabs-title-top ul.ja-tabs-title li h3 {
background-image:none;
}
I would recommend you do this via your custom theme / .css so that its not gone when you update.
this http://www.youtube.com/watch?v=7U_m_PV1AUE will give you a general idea but the wiki has more info

[rattles Friend rattlesJoin date: August 2011Posts: 32Downloads:0Uploads:28 Thanks: 8]

#431827

Hi,

thanks for replying. The thing is, i WANT to show up the tabs with background image and not without. and the css tells me that the image should show up, but it doesn’t. This behavior appears only when i use ja_tabs as a plugin command like i do in my article. When i use it as a module, the styling is just fine.

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#431855

I’ve escalated this to a ticket for you so we can have the dev’s take a look. The background image I removed was only for the squiggly which is what I thought you wanted.. perhaps a screenshot with annotation would help.

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#431901

sent information to dev’s.

1 user says Thank You to n6rej for this useful post

1. rattles

[rattles Friend rattlesJoin date: August 2011Posts: 32Downloads:0Uploads:28 Thanks: 8]

#431906

Hi,

thanks for your replies. Here is a screenshot which should clearly show what i mean:

You can see the behavior live over here:
http://devel-1.5.24.wirtshaus-buchholz.de/index.php/essen-und-trinken/speisen-und-getraenke/getraenke

In my first post there is a screenshot which is showing the setting for the module.
Here are the settings from the plugin:

Thanks for your help so far, i hope the information are helpful for checking out whats goin’ on.

Ralph

---

Attachments:

1. 
2. 

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#432115

I’ve sent all this in, we just need to wait for them now.

[rattles Friend rattlesJoin date: August 2011Posts: 32Downloads:0Uploads:28 Thanks: 8]

#432286

Alright,

thank you for your help so far.

Regards,
Ralph

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#432712

The layout of the tabs in a module look different than it in an article because there is a little styles in the template.css file that affected the tabs under module but not in a article, the styles are
div.ja-moduletable h3, div.moduletable h3 {
background: url(“../images/h3-bg.png”) no-repeat scroll center bottom transparent;
color: #555555;
font-size: 120%;
font-weight: normal;
padding: 10px 0 25px !important;
text-align: center;
text-transform: uppercase;

}
you can try as following to get them display the same
open the file plugins/content/ja_tabs/themes/default/style.css and add this css
div.ja-moduletable h3, div.moduletable h3 {
background: none !important;
padding: none !important; text-align: center;
text-transform: lowercase !important;

}
i hope it help !

[rattles Friend rattlesJoin date: August 2011Posts: 32Downloads:0Uploads:28 Thanks: 8]

#433343

Hi,

that css code did not help. The only thing which has changed are the images of the tabs from the module. They just disappeared, and the tabs in the article are still looking the same like before.

I think I am fine so far with the look of the tabs without the images, but it would have been nice to have an idea of how to change that.

Thanks and regards,
Ralph

[Author]

Posts