Show TOC

Background documentationJSP Page Locate this document in the navigation structure

 

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.

Syntax Syntax

  1. <%@ 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>
    
End of the code.