Loading Basic Website Page Test message

Loading Basic Website Page Test message

Test for 'basicwebsite' layout

This template divides the window content into three areas. The green header, white content and red footer. This template allows to control how the content will scroll. The content is resized so that the header is always on top edge of the viewing area of the window, the bottom of the footer is on the bottom edge of the viewing area of the window and the content fills our the area in between. This way it is possible to control scrolling of the content and still have header and footer FULLY visible.

In Internet Explorer even if the content is resized to fit between header and footer, the scrollbar is normally always visible. This layout takes care of that glitch by allowing to set scrollbars attribute to false so that the the scrollbar in Internet Explorer will be hidden.

How the content behaves is controlled by setting the overflow attribute on the bodycontent element. If it is set to hidden, no scrollbar will be ever displayed. If it is set to auto, vertical scrollbar will be displayed if the content is too small to fit to the window.

For this test, there should never be any scrollbar even if the window is too small to show all of the content. The header should be always on the top of the window and the footer always on the bottom. If the window is large enough, you can see at the end of the content area text 'This is the last line'. If the window is too small this last line is not visible.

This page should fully validate using W3C HTML and CSS validator with exception of onresize attribute on body.

The following snippet shows you how easy it is to create HTML page using the basic website page layout.

   You start with specifying that you are going to use basicwebsite layout
   <%@ taglib uri="/tiles" prefix="tiles" %>
   <tiles:insert page="/core/jsp/layout/basicwebsite.jsp" flush="true">
   
      If you do not want to see scrollbars set this attribute to false
      <tiles:put name="basicscrollbars" value="false"/>

      You specify the title of the page
      <tiles:put name="basicpagetitle" value="Basic Page Test title"/>
   
      Next you specify message you want to show user while the page is loading
      <tiles:put name="basicloadingmessage" value="Basic Page Test message"/>

      Optionally specify javascript to execute when the page is loaded
      <tiles:put name="basiconload" direct="true">
      </tiles:put>

      Optionally specify javascript to execute when the page is resized
      <tiles:put name="basiconresize" direct="true">
      </tiles:put>

      Optionally you specify content of the head section. It is critical to
      set overflow style of the body content area to hidden so that it doesn't
      scroll.
      <tiles:put name="basichead" direct="true">
         <style type="text/css" media="screen">
            #bodycontent {
               overflow: hidden;
           }
         </style>
      </tiles:put>
   
      Specify here the header of the page. The header will be always visible.
      <tiles:put name="basicheader" direct="true">
         Put the content you want to display in the header of the page here.
      </tiles:put>

      And the most important part is you specify the content you want to
      display as the content at the page.The layout will take care of the rest.
      <tiles:put name="basiccontent" direct="true">
         Put your content here, only the portion of the content that fits
         between header and footer will be visible.
      </tiles:put>
   
      Specify here the footer of the page. The footer will be always visible.
      <tiles:put name="basicfooter" direct="true">
         Put the content you want to display in the footer of the page here.
      </tiles:put>

   </tiles:insert>
This is the last line