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 has fixed height regarless of if the bottom area is visible or not.
The bottom area when visible expands to take the entire leftover space
between the this area and the always visible footer of the page.
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 prevent the upper area from expanding to the whole page
<tiles:put name="apphead" direct="true">
<script type="text/javascript" language="JavaScript">
bAllowMaxUpperArea = true;
setMaximizeUpperArea(false);
bAllowMaxUpperArea = false;
</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
