update forms

Modify the form template to output using
foundation form classes.

diff --git a/Toolkit/Contacts/templates/contactForm.html b/Toolkit/Contacts/templates/contactForm.html
index 2f2f84a..a9241a2 100644 (file)
--- a/Toolkit/Contacts/templates/contactForm.html
+++ b/Toolkit/Contacts/templates/contactForm.html
@@ -1,65 +1,59 @@
-<div id="contact">
+
     {form.javascript:h}
     {form.outputHeader():h}
     {form.hidden:h}
     {hidden}
-    <table>
+
     {foreach:form.sections,sec}
-    <tr>
-        <td class="header" colspan="2">
-        <b>{sec.header:h}</b></td>
-    </tr>
+    {if:sec.header}
+    <fieldset>
+            <legend>{sec.header:h}</legend>
+    {end:}
         {foreach:sec.elements,elem}
             {if:elem.style}
               {elem.outputStyle():h}
             {else:}
                 {if:elem.isButton()}
                     {if:elem.notFrozen()}
-                    <tr>
-                        <td class="labelcell">&nbsp;</td>
-                        <td class="fieldcell">{elem.html:h}</td>
-                    </tr>
+                    <div class="row">
+                        <div class="medium-9 small-12 columns">{elem.html:h}</div>
+                    </div>
                     {end:}
                 {else:}
-                    <tr>
+                    <div class="row">
+                    {if:elem.error}<div class="medium-9 small-12 columns error">{else:}<div class="medium-9 small-12 columns">{end:}
                     {if:elem.isType(#textarea#)}
-                        <td colspan="2">
+                        {if:elem.required}<label class="error">{else:}<label>{end:}
+
                             {if:elem.required}<span class="req">*</span>{end:}
-                            {if:elem.error}<div class="req">{end:}
-                            {elem.label:h}<br>
-                            {if:elem.error}</div>{end:}
+                            {elem.label:h}
                     {else:}
                         {if:elem.isType(#CAPTCHA_Image#)}
-                            <td class="labelcell captcha">
+                                {if:elem.required}<label>{else:}<label class="error">{end:}
                                 {if:elem.required}<span class="req">*</span>{end:}
-                                {if:elem.error}<div class="req">{end:}
-                                {elem.label:h}
-                                {if:elem.error}</div>{end:}
-                            </td>
-                            <td class="fieldcell">
+                            {elem.label:h}
+
                         {else:}
                             {if:elem.isType(#group#)}
-                                <td colspan="2">
+
+                                    {if:elem.required}<label class="error">{else:}<label>{end:}
                                     {if:elem.required}<span class="req">*</span>{end:}
-                                    {if:elem.error}<div class="req">{end:}
                                     {elem.label:h}<br>
-                                    {if:elem.error}</div>{end:}
                             {else:}
-                                <td class="labelcell">
+
+                                    {if:elem.required}<label class="error">{else:}<label>{end:}
                                     {if:elem.required}<span class="req">*</span>{end:}
-                                    {if:elem.error}<div class="req">{end:}
                                     {elem.label:h}
-                                    {if:elem.error}</div>{end:}
-                                </td>
+
                                 {if:elem.isName(#interest#)}
-                                    <td class="fieldcell checkbox">
+
                                 {else:}
-                                    <td class="fieldcell">
+
                                 {end:}
                             {end:}
                         {end:}
                     {end:}
-                    {if:elem.error}<div class="error">{elem.error}</div>{end:}
+
                     {if:elem.isType(#group#)}
                         {foreach:elem.elements,gitem}
                             {gitem.label:h}
@@ -77,16 +71,22 @@
                             </span>
                         {end:}
                     {end:}
-                </td>
-              </tr>
+                                    </label>
+                            {if:elem.error}<small class="error">{elem.error}</small>{end:}
+                                </div> <!-- end for columns -->
+                    </div> <!-- end for row -->
                 {end:}
             {end:}
         {end:}  <!-- end for foreach:sec.element,elem -->
+
+    {if:sec.header}
+    </fieldset>
+    {end:}
     {end:} <!-- end for foreach:form.section,sec -->
 
-               </table>
+
        </form>
        {if:form.requirednote}
     <div>{form.requirednote:h}</div>
     {end:}
-</div>
+

diff --git a/static/10.phtml b/static/10.phtml
new file mode 100644 (file)
index 0000000..705e836
--- /dev/null
+++ b/static/10.phtml
@@ -0,0 +1,12 @@
+<?php
+if ($catid = filter_input(INPUT_GET, 'catid', FILTER_VALIDATE_INT)) {
+       $cf = new Toolkit_Contacts_ContactUs(
+               Toolkit_Database::getInstance(),
+               'contact_form',
+               'post',
+               BASE_URL . "index.php?catid=$catid"
+       );
+       $cf->configureForm();
+       $cf->useCaptcha(true);
+       echo $cf->toHtml();
+}