$form = new \X2Form\Form('ContactForm', ['action' => 'example10.php', 'method' => 'post']);
$form->addStep(['index' => 1, 'name' => 'step1', 'label' => 'Step 1:', 'description' => 'User Data', 'elements' => [['type' => 'text', 'name' => 'NAME', 'label' => 'Your Name', 'mandatory' => true, 'value' => 'Rudra'], ['type' => 'text', 'name' => 'EMAIL', 'label' => 'Your Email', 'mandatory' => true, 'datatype' => 'email', 'ifempty' => 'Please provide email address.', 'ifinvalid' => 'The email address you provided is invalid.']]]);
$form->addStep(['index' => 2, 'name' => 'step2', 'label' => 'Step 2:', 'description' => 'Personal Information', 'elements' => [['type' => 'radio', 'name' => 'GENDER', 'label' => 'Gender', 'mandatory' => true, 'options' => ['array' => ['male', 'female']]], ['type' => 'checkbox', 'name' => 'LANGUAGES', 'label' => 'Languages known', 'mandatory' => true, 'options' => ['array' => ['English', 'Hindi', 'French', 'German']], 'direction' => 'vertical']]]);
$form->addStep(['index' => 3, 'name' => 'step3', 'label' => 'Step 3:', 'description' => 'Personal Information', 'elements' => [['type' => 'dropdown', 'name' => 'EXPERIENCE', 'label' => 'Experience', 'mandatory' => true, 'options' => ['array' => ['fresher', '6 months+', '1 year', '2 years', '3 years', '4 years', '5 years', '5-10 years', '10-15 years', '15+ years']], 'value' => '1 year'], ['type' => 'collection', 'name' => 'work_experience', 'label' => 'Work Experience', 'from' => [['type' => 'text', 'name' => 'company', 'label' => 'Company', 'mandatory' => true], ['type' => 'text', 'name' => 'role', 'label' => 'Role', 'mandatory' => true]]]]]);
$form->addStep(['index' => 4, 'name' => 'step4', 'label' => 'Step 4:', 'description' => 'Are you Human?', 'elements' => [['type' => 'captcha', 'name' => 'CAPTCHA', 'secret' => 'blahblah']]]);
$form->addGroup(['name' => 'buttons', 'direction' => 'inline', 'elements' => [['type' => 'submit', 'name' => 'submit', 'value' => 'Submit'], ['type' => 'reset', 'name' => 'reset', 'value' => 'Reset']]]);
$form->finalize();
$form->renderer = new X2Form\Renderers\Bootstrap\Renderer();
//handle the form submission
if (isset($_POST['submit']) && $_POST['submit'] == "Submit") {
$log = $form->processSubmission($_POST);
if (!logg_ok($log)) {
$message = '<p class="text-danger">' . logg_msg($log) . '</p>';
$form->rollBackFileUploads();
} else {
$message = '<p class="text-success">' . logg_msg($log) . '</p>';
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Example 10 - Implementing Steps using bootstrap</title>
<!-- HERE WE INCLUDE BOOTSTRAP CSS -->
<link rel="stylesheet" href="http://localhost/Bootstrap-3-Offline-Docs/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="http://localhost/Bootstrap-3-Offline-Docs/dist/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../css/x2form-bootstrap.css">
$values = array('work_experience' => array(array('company' => 'Possible Solutions', 'role' => 'Junior Developer'), array('company' => 'Tech Revolution', 'role' => 'Senior Developer')), 'GENDER' => 'male');
$form->setValues($values);
//Alternatively we can also populate individual fields directly
$form->elements['EMAIL']->value = '*****@*****.**';
//array syntax
$form->elements->MESSAGE->value = "I am Rudra!";
//this syntax works as well
$form->finalize();
//handle the form submission
if (isset($_POST['submit']) && $_POST['submit'] == "Submit") {
$log = $form->processSubmission($_POST);
if (!logg_ok($log)) {
$message = '<div class="error">' . logg_msg($log) . '</div>';
$form->rollBackFileUploads();
} else {
$message = '<div class="success">' . logg_msg($log) . '</div>';
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Example 5 - Populating/setting field values</title>
<link href="../css/style.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="../js/jquery-ui-1.9.2.custom/js/jquery-1.8.3.js" ></script>
</head>
<body>
