Example
The following defines two different HTML outputs for runtime and design time. The runtime output uses styled div tags that float next to each other, and the design time output uses a table tag with two columns.
Sample Code
<%@ taglib uri="LayoutTagLibrary" prefix="lyt" %>
<lyt:template>
<lyt:IfRunTimeMode>
<%
response.include(componentRequest,
componentRequest.getResource("css", "css/custom.css"));
%>
<div class="floatLeftWidth50Percent">
<lyt:container id="leftColumn"
wrappingMethod="none"/>
</div>
<div class="floatRightWidth50Percent">
<lyt:container id="rightColumn"
wrappingMethod="none"/>
</div>
<div class="clearFloats"></div>
</lyt:IfRunTimeMode>
<lyt:IfDesignTimeMode>
<table width="100%"><tr>
<td width="50%" valign="top">
<lyt:container id="leftColumn"/>
</td>
<td width="50%" valign="top">
<lyt:container id="rightColumn"/>
</td>
</tr></table>
</lyt:IfDesignTimeMode>
</lyt:template>