Show TOC

JSP PageLocate this document in the navigation structure

Use

The JSP page is divided into two sections for the runtime and design time layouts respectively. Since the tray definitions are the same for all three containers, this code resides in a JSP include file commonTrayDesign.jsp (see Include Files ).

The CSS and JSP files that define the appearance of the trays are included in the response at runtime only.

            <%@ taglib uri="LayoutTagLibrary" prefix="lyt" %>
<%@ page import="com.sapportals.portal.prt.resource.IResource" %>
<lyt:template>
  <lyt:IfRunTimeMode>
    <%
    response.include(componentRequest, 
      componentRequest.getResource(IResource.CSS, "css/layout.css"));
    response.include(componentRequest, 
      componentRequest.getResource(IResource.SCRIPT, "scripts/layout.js"));
    String mimePath = componentRequest.getWebResourcePath();
    %>
    <div class="contLeft">
      <lyt:containerWithTrayDesign id="left" wrappingMethod="none">
        <%@ include file="commonTrayDesign.jsp" %>
      </lyt:containerWithTrayDesign>
    </div>
    <div class="contRight">
      <lyt:containerWithTrayDesign id="right" wrappingMethod="none">
        <%@ include file="commonTrayDesign.jsp" %>
      </lyt:containerWithTrayDesign>
    </div>
    <div class="contBottom">
      <lyt:containerWithTrayDesign id="bottom" wrappingMethod="none">
        <%@ include file="commonTrayDesign.jsp" %>
      </lyt:containerWithTrayDesign>
    </div>
  </lyt:IfRunTimeMode>
  <lyt:IfDesignTimeMode>
    <table width="100%">
      <tr>
        <td width="50%" valign="top">
          <lyt:container id="left"/>
        </td>
        <td width="50%" valign="top">
          <lyt:container id="right"/>
        </td>
      </tr>
      <tr>
        <td colspan="2" valign="top">
          <lyt:container id="bottom"/>
        </td>
      </tr>
    </table>
  </lyt:IfDesignTimeMode>
</lyt:template>