FORMfields, the premiere web framework
Login
Support Home | Knowledge Base | Documentation | Forums | Contact Us
Info
FORMfields & FORMgen :: Formatting

Displaying Fields Side by Side - Static Form Layout

(2549 views. Last Updated: 2007-08-27 5:41 PM)

Here is an example of how to display two fields side by side using the Static Form Layout in FORMgen.

1. Use FORMgen to generate a form with the fields:
- PersonNameField - Field Name: name
- EmailAddrField - Field Name: email
and unselect Enable Dynamic Form Layout on Step 5.

2. Then edit your form and replace:
<table class="ffTableSetFormFields">
    <tr class="ffTableSetFormFields">
        <td class="ffTableSetFormFields1" ><div class="cell"><?= $ffForm->getLabelTag("name"?></div></td>
        <td class="ffTableSetFormFields1" ><div class="cell"><?= $ffForm->getFieldTag("name"?></div></td>
    </tr>
    <tr class="ffTableSetFormFields">
        <td class="ffTableSetFormFields2" ><div class="cell"><?= $ffForm->getLabelTag("email"?></div></td>
        <td class="ffTableSetFormFields2" ><div class="cell"><?= $ffForm->getFieldTag("email"?></div></td>
    </tr>
</table>
with:
<table class="ffTableSetFormFields">
    <tr class="ffTableSetFormFields">
        <td class="ffTableSetFormFields1" ><div class="cell"><?= $ffForm->getLabelTag("name"?></div></td>
        <td class="ffTableSetFormFields1" ><div class="cell"><?= $ffForm->getFieldTag("name"?></div></td>
        <td class="ffTableSetFormFields1" ><div class="cell"><?= $ffForm->getLabelTag("email"?></div></td>
        <td class="ffTableSetFormFields1" ><div class="cell"><?= $ffForm->getFieldTag("email"?></div></td>
    </tr>
</table>

Note: Static Form Layout is not compatible with the confirmation screen. If you wish to use the Static Form Layout, you must uncheck "On Submit Display Confirmation Screen".
Info
Support | Earn Money
Copyright © 2005-2020 Brain Book Software LLC.
Built with FORMfields, the premiere web framework.