| Customize the User Interface with Templates and Snippets / Customize templates and snippets for HTML5 | |
Placeholder snippet files have been provided for the application header and footer. To create an application header and footer, modify header.xhtml and footer.xthml respectively.
The Header.xhtml and Footer.xhtml are referenced in the template file, main.xhtml. All HTML5 snippets are located in $FGLASDIR/tpl/setHtml5.
The customization of the header snippet typically consists of replacing the title by a logo, which occupies an existing placeholder in the left part of the header. The right part of the header holds the control bar (which manages the stored settings, amongst other things); it is recommended that you leave this untouched. If you truly need to customize the complete header, create placeholders with layout items.
The footer snippet has a placeholder that explicitly states "Change your footer content", providing you with an area for footer customization. Before you customize, however, you must understand the default behavior. By default, in order to minimize the space taken up by the footer, the behavior is to display the error, message and custom information in the same place. This can result in overlapping information. If you want your custom information to always show, you must further tune your customization effort, by adding layout items for example.