THIS IS A TEST INSTANCE. ALL YOUR CHANGES WILL BE LOST!!!!
| Tip |
|---|
Markup inheritance is much often more convenient to use than Borders. Everything below is more complicated than necessary; be sure to learn about markup inheritance as well. |
| Note | ||
|---|---|---|
| ||
The provided solution doesn't work with either wicket 1.2.x nor 1.3.x, as MarkupContainer#add(Component) is final and can't be overriden. |
Creating consistent page layouts using Borders
...
- I may want a different page title, meta tags, stylesheet and javascript includes on each page. I could do this with some additional clever components and some attribute modifiers that I add to the border, but I have personally found that it is just as easy to do then in a HEAD block on each page
- By including the HEAD block within each individual page, it keeps the separation of concerns cleaner. That way my HTML team can build each page in their WYSISYG WYSIWYG editor, include whatever Javascript they wish. When I integrate this into the site, all I am doing is wrapping common page components around the body elements they have created. If the HEAD block was inside the border template then I would have to merge any additional Javascript and so on into the common border. (I agree this is not a problem if your site is small, very consistent and you have a team doing both HTML and Java elements).
...
To merge the HEAD part of both HTM files, e.g. to specifa specify a common css for all files but give each page a unique title, modify the above example like this:
...
| Code Block | ||||
|---|---|---|---|---|
| ||||
<?xml version="1.0"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.sourceforge.net/" xml:lang="en" lang="en">
<head>
<wicket:head>
<title>MySite</title>
<meta name="description" content="MySite"/>
<meta name="keywords"
content="wicket,cool,hot,neat"/>
</wicket:head>
</head>
<body>
<span wicket:id="border">
<span wicket:id="test">TEST LABEL</span>
</span>
</body>
</html>
|
Note: If the body element is not an immediate child of border (example see below), than you must use someContainer.add(getBodyContainer()) to add the body component to the correct container.
| Code Block | ||||
|---|---|---|---|---|
| ||||
<html> <body> <wicket:border> <span wicket:id="someContainer"> <wicket:body/> </span> </wicket:border> </body> </html> |
...
Note: contributions to <wicket:head>
...