Portlet Factory, Version 6.1.2


 

Page automation example: changing page layout based on control type

Often you will want to change the layout for a field based on the control type. The most common situation is that you want any field which is edited using a textarea get the entire width of the screen for the textarea, even though the other fields are using only the right-hand portion for their edit devices. With the following change to the basic template, plus a Data Field Modifier builder on the Comments section which tells it to use a textarea for editing, we get the desired results. For comparison, the normal Data Entry Field construct is shown here along with the qualified one.

<tr name="DataEntryField">
<td class="label"><span name="FieldLabel">Sample Field Label</span></td>
<td><span name="FieldRequired">*</span></td>
<td><span name="FieldElement">Sample Field Element</span></td>
<td><span name="FieldValidationError">Sample Validation Error</span></td>
</tr>
<span name="DataEntryField_textarea">
<tr>
<td class="label"><span name="FieldLabel">Sample Field Label</span></td>
<td><span name="FieldRequired">*</span></td>
<td></td> <!-- Leave empty so Validation column lines up. -->
<td><span name="FieldValidationError">Sample Validation Error</span></td>
</tr>
<tr><td colspan="4">
<textarea name="FieldElement" cols="40" rows="10"></textarea>
</td></tr>
</span>

Parent topic: Page Automation HTML templates


Library | Support |