The upper area is by default visible to the user. It can be programatically
hidden if necessary, but that is left up to the user. In this test this
area expands to the whole page if the bottom area is not visible and then
shrinks if the bottom area is displayed.
The preview contains code snippet that shows you how easy it is to create
HTML page using the application page layout.
Click
here
to display preview.
Click
here
to hide preview.
The following snippet shows you how easy it is to create HTML page using the
application page layout.
You start with specifying that you are going to use application layout
<%@ taglib uri="/tiles" prefix="tiles" %>
<tiles:insert page="/core/jsp/layout/application.jsp" flush="true">
You specify the title of the page
<tiles:put name="apptitle" value="Basic Page Test title"/>
Next you specify message you want to show user while the page is loading
<tiles:put name="apploadingmessage" value="Basic Page Test message"/>
<tiles:put name="apppadding" value="15"/>
Optionally specify javascript to execute when the page is loaded
<tiles:put name="apponload" direct="true">
</tiles:put>
Optionally specify javascript to execute when the page is resized
<tiles:put name="apponresize" direct="true">
</tiles:put>
Optionally specify what to display on the right side of the header
The left side of the page displays the name of your application specified
by the build properties.
<tiles:put name="apprightsideheader" direct="true">
Welcome Joe Doe
</tiles:put>
Optionally you specify content of the head section. In this example we
show you how to expand the upper area to the whole page
<tiles:put name="apphead" direct="true">
<script type="text/javascript" language="JavaScript">
bAllowMaxUpperArea = true;
setMaximizeUpperArea(true);
</script>
</tiles:put>
Specify here the upper area of the page.
<tiles:put name="appitemlist" direct="true">
Put here the content you want to display in the uppper area of the page
</tiles:put>
Specify here the lower (preview) area of the page.
<tiles:put name="appitemlist" direct="true">
Put here the content you want to display in the lower (preview) area of
the page
</tiles:put>
</tiles:insert>
end of preview