General Functions > Configuring the MIE (Programmer's Guide) > Portal Design > Software Request Portal Design (Programmer's Guide) > Template Construction > STEP<n>-AREA<m>

Placeholder tags apply only to {%STEP<n>-AREA<m>%} tags, and are used to define the place where either {%STEP<n>-LOOKUP<m>%} or {%ORDERAREA<n>%} content will be inserted within the area.

For example, a {%STEP<n>-LOOKUP<m>%} tag defines how data will be looked up and rendered, in HTML, based on an on screen event and current values. The content that is rendered by the {%STEP<n>-LOOKUP<m> tag must be placed in its associated area, and the placeholder tag is used to define where it is to be placed. Each {%STEP<n>-LOOKUP<m>%} tag must have a corresponding [%LOOKUP<n><m>%] placeholder tag located within an area in the corresponding step. The same is true for the {%ORDERAREA<n>%} tag - it must have a corresponding [%ORDERAREA<n>%] placeholder tag within one or more of the areas in the corresponding step.

Example:

(Placeholder tag contained in the STEP area)

{%STEP3-AREA2~~

 <br>
<div id="divMSLAvailable" name="divMSLAvailable" style="display:block">
<table border="0" cellspacing="0" cellpadding="0" align="center" width="[%V5%]">
<tr>
<td align="left" style="border:3px solid #008080; width:40%">
<table border="0" cellspacing="0" cellpadding="3" align="center" width="100%">
<tr>
<td align="left" style="width:100%" valign="top">
<div id="divMSLTitles" name="divMSLTitles" style="display:block;height:80px;width:100%">
<font class="PrintHeader2Text">1. </font><font class="PrintHeader6Text">[%SRPMSLAvailable550,Caption,%]</font><br>
<font class="SmallText">[%SRPMSLAvailable550,Input,,%]</font>
</div>
<div id="divLookup31" name="divLookup31" style="display:block">
[%LOOKUP31%]
</div>
</td>
</tr>

...

(actual definition of how the lookup area will be rendered before being inserted at the placeholder tag)

{%STEP3-LOOKUP1~~

LU=3331,SRPMSLAvailable550|V1=MSLFAMILY,V2=MSLPRICE

<table align="left" border="0" cellspacing="0" cellpadding="0" width="70%">
<tr>
<td align="right" style="width:30%" valign="top">
<font class="PrintHeader6Text">Family:</font>
</td>
<td align="right" style="width:3px" valign="top"> </td>
<td align="left" style="width:70%" valign="top">
<font class="PrintBody3Text">[%V1%]</font>
</td>
</tr>
<tr>
<td align="right" style="width:30%" valign="top">
<font class="PrintHeader6Text">Price:</font>
</td>
<td align="right" style="width:3px" valign="top"> </td>
<td align="left" style="width:70%" valign="top">
<font class="PrintBody3Text">[%V2%]</font>
</td>
</tr>
</table>