Problem with Chronoforms & Magic Tabs!

Hello everyone, 🙂

I use:
- Joomla Version 1.5.18
- Core Design Magic Tabs plugin 1.0.9
- Chronocontact 3.1 RC5.5
- Chronocontact Plugin V3.1 RC5.2
- JCE 1.5.7

Recently I have a problem with the MagicTabs and the Component & Plugin from Chronoforms.

I create a new article and insert tabs in my content (works great). I use the tag {chronocontact}formname{/chronocontact} to insert a form in one of the magic tabs. I tested the form before and it shows all fields and works perfectly, but in the frontend the form fields are suddenly cut off. (I don’t know why, because the form inside the tab worked in the beginning and old articles aren’t affected. Since then I installed some updates but can’t say, if one of them causes the problem.)
I don’t think it is the JCE, because it didn’t work with Tiny-MCE Editor either. (But maybe there is something wrong with the Editor Settings. I don’t know.)

FORM INSIDE TAB (Doesn’t work!):

{magictabs id="title" theme="pink" animation="fade" event="click"}Title::
Text Text Text Text Text TextText Text Text Text
Text Text Text Text Text TextText Text Text Text
||||Title::

Text Text Text Text Text 
{chronocontact}buchbestellung{/chronocontact}
Text Text Text Text Text 

||||Title::

Text Text Text Text Text TextText Text Text Text
Text Text Text Text Text TextText Text Text Text

{/magictabs}

FORM OUTSIDE Tab (Works!!):

{magictabs id="title" theme="pink" animation="fade" event="click"}Title::
Text Text Text Text Text TextText Text Text Text
Text Text Text Text Text TextText Text Text Text
||||Title::

Text Text Text Text Text 
Text Text Text Text Text 

||||Title::

Text Text Text Text Text TextText Text Text Text
Text Text Text Text Text TextText Text Text Text

{/magictabs}

{chronocontact}buchbestellung{/chronocontact}

I would be very glad, if somebody could help to solve that problem. 😟

Hi Sana,

It looks as though Magic Tabs isn't extending vertically correctly. But next to impossible to say anything more without looking at the page.

Not sure why you think this is a ChronoForms bug though?

Bob

Hello GreyHead,

thanks for the fast reply. I wasn't sure where to post the error, so I choose the bug forum.

Magic tabs extends correctly. Seems that forms inside the magic tabs aren't working, if i use tooltips in the forms. I removed the tooltips and the forms showed up again as they should.

The author of Magic Tabs doesn't extactly know how the ChronoForms tooltips are working. So maybe you can help me solve the problem. How can I use chronoforms with tooltipps inside the magic tabs? ^_^

Hi Sana,

I know nothing about Magic Tabs and you haven't posted a link to the form so it's next to impossible to say anything more.

It sounds like a JavaScript conflict somewhere between Magic Tabs and the tooltips. As far as I know ChronoForms is using the standard Joomla tooltips :-(

Bob

Links to the forms!🙂

Magic Tab with Form and Tooltip - Doesn't work.
Magic Tab with Form, No Tooltip - Works.

Hi Sana,

The code gets broken at the :: headline marker in the tooltip

<div class="tooltipdiv">Ich bin über 18 Jahre :: Tooltip!</div>

I don't know exactly what is doing this but I can see that you have two copies of MooTools and a JQuery library loading on the page so it's pretty clear that you have a JavaScript problem somewhere.

Bob

What can I do to solve this JavaScript problem? Delete them in the database and try to reinstall them?

Hi Sana,

You start out by disabling elements (the tempalte, modules, components) until you find out where the conflict is. Then either you do without the element that causes the problem or you get a good JavaScript debugger and dig into the code to fix it.

Bob