Loading Page Test message

Loading Page Test message

Test for 'loadingpage' layout

There is not much to see, you should have seen animation for a while before this content showed up. Once it showed up, the page should scroll verticaly but not horizontaly within the whole window if it is smaller than the content. At the bottom of the window when you scroll to the end you should see text 'This is the last line'. The fonts should look nice and content should be centered signaling that the CSS style was applied.

This page should fully validate using W3C HTML and CSS validator.

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

   You start with specifying that you are going to use loadingpage layout
   <%@ taglib uri="/tiles" prefix="tiles" %>
   <tiles:insert page="/core/jsp/layout/loadingpage.jsp" flush="true">
      You specify the title of the page
      <tiles:put name="loadingpagetitle" value="Loading Page Test title"/>
      Next you specify message you want to show user while the page is loading
      <tiles:put name="loadingmessage" value="Loading Page Test message"/>

      It is very important to specify id of the div element withing the loadingcontent
      which contains all the content to show once the page is loaded
      <tiles:put name="loadingcontentid" value="testcontentid"/>

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

      Optionally you specify content of the head section
      <tiles:put name="loadinghead" direct="true">
      Optionally you specify any attributes of the body tag
      <tiles:put name="loadingbodyattribs" direct="true">
      And the most important part is you specify the content you want to
      display at the page. You have to place the content into a single div
      element and the id of the div element must match the id you specified
      above in loadingcontentid. The layout will take care of the rest.
      <tiles:put name="loadingcontent" direct="true">
         <div id="testcontentid">
            Put your content here, this content will be displayed only after the
            page was fully loaded and meanwhile a nice animation will entertain
            the user.
This is the last line