Chronoforms + Joomla Bamboo

I am using ChronoForms with a Joomla Bamboo template. I would like to use the sliders to reveal/hide a multi-step order process. When I enable the slider feature of my containers (I currently have two), I see the headings for each container on the form, but it does not collapse online so it is always expanded. Is there something strange with the way the plugin interacts with Joomla Bamboo? Any help you can give me would be great. Thanks!

Here is a link to my development site: http://cairo.directrouter.com/~kreativs/. Look under Order Now or Join Our Team. Thanks again!

Hi Luxhodge,

On my test form (also in Joomla! 3) ChronoForms has added this code block that activates the sliders. I don't see that (or anything similar) on your pages.

window.addEvent('domready', function() {
  new Fx.Accordion($$('div#cf_container_2.pane-sliders > .panel > h3.pane-toggler'), $$('div#cf_container_2.pane-sliders > .panel > div.pane-slider'), {
    "onActive": function(toggler, i) {
      toggler.addClass('pane-toggler-down');
      toggler.removeClass('pane-toggler');
      i.addClass('pane-down');
      i.removeClass('pane-hide');
      Cookie.write('jpanesliders_cf_container_2', $$('div#cf_container_2.pane-sliders > .panel > h3').indexOf(toggler));
    },
    "onBackground": function(toggler, i) {
      toggler.addClass('pane-toggler');
      toggler.removeClass('pane-toggler-down');
      i.addClass('pane-hide');
      i.removeClass('pane-down');
      if ($$('div#cf_container_2.pane-sliders > .panel > h3').length == $$('div#cf_container_2.pane-sliders > .panel > h3.pane-toggler').length) Cookie.write('jpanesliders_cf_container_2', -1);
    },
    "duration": 300,
    "opacity": "false",
    "alwaysHide": "true"
  });
});

Bob

Thank you for the reply!

Where do I start then? Should I add that code? Where? If not, do you have any idea why a typical install did not load the forms code correctly? Thank you for your patience.
Erik

Hi Erik,

Please take a Form Backup using the icon in the Forms Manager and post it here (as a zipped file) or PM or email it to me and I'll take a closer look.

Bob

Hello again!

I attached a backup of the form in question. Let me know what you see.

Thanks again for the help and support! I appreciate it.

Erik

Hi Erik,

For the Sliders containers to work they have to be inside another container set to the Sliders Area type. Without that they don't work.

I've fixed your form by tweaking the code in the database. See the attached copy - also renamed so it will show up separately.

Bob

Thanks for your help Bob!

It makes perfect sense now. I appreciate your time.

Erik

Bob,

I have another one for you. I added a date picker to try it out. The calendar shows up, but it is behind other things so you can't see much of it. Attached is a copy of this simple one box form that I made to try the date picker. Please let me know what you think. Thanks!

Erik

Yep. That did it. Thanks! It still looks a little messed up (black background is not covering the entire calendar), but hopefully I can clean that up with some CSS.

Erik