I am using the latest chronoforms 4 (4.0 RC3.21) in Joomla 2.5.
I have created a form called "frm_tab" to which I've added 1 pane called "form_pane".
To "form_pane" I added 3 panels called "panel1" & "panel2" & "panel3".
In each panel I added a custom button with the following: onclick="displayPanel(1)" where the variable is the integer value of the next panel (zero based the panels above are 0, 1 and 2 respectively).
I added a Load JS event in the On Load of the form and in that I wrote the following function:
function displayPanel(num)
{
var pane = $('form_pane').retrieve('JTabs');
pane.display(num);
}
I then ammended the /media/system/js/tabs.js file as described in this joomla forum post: http://forum.joomla.org/viewtopic.php?p=1618497 - which advised to put this code at the end of the initialize function:
this.dlist = $(dlist);
this.dlist.store('JTabs',this);
This works. However, if anyone knows of a better solution please post it here, thanks!
I have created a form called "frm_tab" to which I've added 1 pane called "form_pane".
To "form_pane" I added 3 panels called "panel1" & "panel2" & "panel3".
In each panel I added a custom button with the following: onclick="displayPanel(1)" where the variable is the integer value of the next panel (zero based the panels above are 0, 1 and 2 respectively).
I added a Load JS event in the On Load of the form and in that I wrote the following function:
function displayPanel(num)
{
var pane = $('form_pane').retrieve('JTabs');
pane.display(num);
}
I then ammended the /media/system/js/tabs.js file as described in this joomla forum post: http://forum.joomla.org/viewtopic.php?p=1618497 - which advised to put this code at the end of the initialize function:
this.dlist = $(dlist);
this.dlist.store('JTabs',this);
This works. However, if anyone knows of a better solution please post it here, thanks!