Forums

I am quite new to Chrono Form. I really like the flexibility of this component and how much it can do. I am trying to figure out an issue here:
I have an existing web form that users will complete and submit to be saved to the Chrono database. The problem is that I need to split up the rather large form into three separate pages. So 1st and 2nd pages would have the ‘next’ button and on the last page of the form, there will be a ‘submit’ button which will send all the data as normal. How do I achieve this with Chrono Form? Is it possible to insert a chunk of html codes into the ‘Form HTML’ box of the ‘Form Code’ Tab in Chrono Form? If so, please advise me with clear step-to-step instructions how to do this with the coding side. If this is not possible, are there any alternatives like hacking into the codes, your quick response will be appreciated. Many Thanks!

Hi skyshing,

Please see this FAQ for an example of a tabbed form in ChronoForms.

Bob

Thanks for your quick response. I will have a go and let you know if any other issues arise with the tabbed form. Many Thanks

sorry I posted twice, but still awaitng for your reply. Thanks

I removed the duplicate post. GreyHead<br><br>Post edited by: GreyHead, at: 2008/02/18 17:11

I am about to purchase this Chrono form component, please answer this issue please, if it is possible or not:

I like the tabbed style but I do have a question: While keeping the tabbed style form, I want to add a 'Next' button on each tabbed page so that the user knows what to do each time after filling each part of the form like the traditional way. So for example, if let say the user filled the 1st tabbed page of the form, the user simply hit the 'Next' button to go on to the next tabbed page and so forth until the last tabbed page.

I believe there are few lines of php codes involve to achieve this but I don't know php codes, can you please assist me on this. Can you add the 'Next' button on this form sample (the link which you provided me before)?

<?php
$tabs = new mosTabs(1);
$tabs->startPane( 'test_form' );
$tabs->startTab( 'Tab 1', 'tab_1' );
?>
Name: <input name="name" value="" type="text">
<?php
$tabs->endTab();
$tabs->startTab( 'Tab 2', 'tab_2' );
?>
E-mail: <input name="email" value="" type="text">
<?php
$tabs->endTab();
$tabs->startTab( 'Tab 3', 'tab_3' );
?>
{imageverification} 
<?php
$tabs->endTab();
$tabs->startTab( 'Tab 4', 'tab_4' );
?>
<input name="submit" value="Submit" type="submit">
<?php
$tabs->endTab();
$tabs->endPane();
?>

Many Thanks, Skyshing

Edited to add code tags<br><br>Post edited by: GreyHead, at: 2008/02/18 17:10

Hi Skyshing,

I'm sure it's possible with a little Javascript - this is just making use of the built in Joomla code (nothing directly to do with ChronoForms).

You could try checking the code that is used on the tab button and copying that. Or, at the worst, just put a note saying 'Click TAB 2 now!!'

Bob