|
<< Click to Display Table of Contents >> Navigation: General Functions > Configuring the MIE (Programmer's Guide) > Portal Design > Request Portal Design (Programmer's Guide) > Template Construction > ORDERAREA<n> |
The {%ORDERAREA<n>%} tag is used to specify the HTML used to render the area where the individual line items of the order are maintained. The {%ORDERAREA<n>%} tag supports merge and general tags, and works similarly to the {%STEP<n>-LOOKUP<m>%} tag in that it requires a corresponding placeholder tag.
The {%ORDERAREA<n>%} tag is rendered and inserted as follows:
Step 1 - render the HTML by expanding all general and merge tags, including the pre-defined variables.
Step 2 - insert the rendered HTML in the corresponding {%STEP<n>-AREA<m>%} tag where the placeholder has been defined.
The {%ORDERAREA<n>%} tag supports three areas of its own: header, repeat, and footer. The header and footer area define the header and footer, respectively, and the repeat area defines how the individual line items will be displayed. The areas are delimited as follows within the {%ORDERAREA<n>%} tag:
Header|% <html for header> %|
Repeat|% <html for repeating line items> %|
Footer|% <html for footer> %|
Example:
(placeholder tag defined in the corresponding area)
<div id="divOrderReview" name="divOrderReview" style="display:block"> <br>
<table border="0" cellspacing="0" cellpadding="0" width="[%V5%]" align="center" style="border: 3px solid #008080">
<tr>
<td align="left" colspan="3" style="width:100%">
[%ORDERAREA5%]
</td>
</tr>
</table>
</div>
(actual definition of how ORDERAREA will be rendered prior to being inserted at the placeholder tag)
{%ORDERAREA6~~
Header|%
<table border="0" cellspacing="0" cellpadding="0" alignment="left" width="95%">
<tr>
<td align="center" style="width:55%; background-color:#C0C0C0">
<font class="PrintHeader6Text">Description</font>
</td>
<td align="center" style="width:15%; background-color:#C0C0C0">
<font class="PrintHeader6Text">Base</font>
</td>
<td align="center" style="width:10%; background-color:#C0C0C0">
<font class="PrintHeader6Text">Options</font>
</td>
<td align="center" style="width:20%; background-color:#C0C0C0">
<font class="PrintHeader6Text">Extended</font>
</td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" alignment="left" width="95%">
%|
Repeat|%
<tr>
<td align="left" style="width:55%">
<font class="PrintBody4Text">[%V1%]</font>
</td>
<td align="right" style="width:15%">
<font class="PrintBody4Text">[%V3%]</font>
</td>
<td align="right" style="width:10%">
<font class="PrintBody4Text">[%V7%]</font>
</td>
<td align="right" style="width:20%">
<font class="PrintBody4Text">[%V8%]</font>
</td>
</tr>
%|
Footer|%
</table>
<table border="0" cellspacing="0" cellpadding="0" alignment="left" width="95%">
<tr>
<td align="left" style="width:70%">
<font class="PrintBody4Text">Items: [%V3%] (max [%V1%]) * - requires approval</font>
</td>
<td align="right" style="width:10%">
<font class="PrintHeader6Text">Total: </font>
</td>
<td align="right" style="width:20%; border-top:2px solid">
<font class="PrintBody4Text">[%V2%]</font>
</td>
</tr>
</table>
%|
^^
%}