Hi Folks,

I´m newbie in Wicket, but until last week I trying to figure out how to
organize the code and html markup with wicket to get a template page to
work. Let me explain,

I´m want to create a Template web page that contains markup´s that I called
"containers", for example:

Template.html:
<html>
   <head>
   </head>
   <body>
           <div id="header1" wicket:id="header1"></div>
           <div id="content1" wicket:id="content1"></div>
           <div id="content2" wicket:id="content2"></div>
   </body>
</html>

In this "containers" I could insert many components in each one, or simple no
one, depends on which web page will use this template.

Than, I create a web page to use the "containers" of theTemplate.html and
insert in it the components that I want. For example,

MainPage.html
<html>
   <head>
   </head>
   <body>
           <div id="header1" wicket:id="header1">
                  <span wicket:id="login"></span>
           </div>
           <div id="content1" wicket:id="content1">
                  <span wicket:id="lastNews"></span>
           </div>
           <div id="content2" wicket:id="content2">
                   <span wicket:id="blogContent"></span>
           </div>
   </body>
</html>

In above example I repeat the Template html code to exemplify the situation,
however the problem is that I don´t want to repeat the Template page all
time to create some web page, I want to reuse the template web page and not
repeat that in sub pages. The template page is used for all the pages, so
it´s easy if the design is centralized in that template page the only place
that I need to modify that design if I want to change the main template page
and not in all sub pages. Reading the Maillist, the people call this the
"Dreamweaver centric".

Remembering, the pages that use template could change the components used in
it. For example:

UserProfilePage.html
<html>
   <head>
   </head>
   <body>
           <div id="header1" wicket:id="header1">
                  <span wicket:id="showAd"></span>
           </div>
           <div id="content1" wicket:id="content1">
                  <span wicket:id="userProfileDetails"></span>
           </div>
           <div id="content2" wicket:id="content2">
                   <span wicket:id="lastUsers"></span>
           </div>
   </body>
</html>

Note that all "components" was changed. So, it´s not the simple Header,
Content and Footer centric, which header and footer is static, but all parts
in the containers could be changed. Them, use the markup inheritance and
<wicket:child /> it isn´t sufficient, because all content could change and
not a specific part (like only the Content part).


Read some topics in Wicket WiKi, I searched and readed many topics in
maillist, like:
Border and markup inheritance problem

http://www.nabble.com/Border-and-markup-inheritance-problem-t1639150.html#a4475258
Inheritance and <wicket:child /> inside a tag with wicket:id

http://www.nabble.com/Inheritance-and-%3Cwicket%3Achild--%3E-inside-a-tag-with-wicket%3Aid-tf1811521.html#a4936866
More than one <wicket:child>

http://www.nabble.com/More-than-one-%3Cwicket%3Achild%3E-tf3584957.html#a10017716

I´m little lost ;-), The problem is that I couldn't´t figure out what I need
to use and how implement something to do this. I don´t know if a need to use
wicket Panels, Borders, Fragments or perhaps MarkupContainer. In the end, I
think it´s necessary to group many panels, but I don´t know how.

I really, really appreciate some simple example.

Thanks for any help,
and excuse me for my bad English.
--
Bombonato
-------------------------------------------------------------------------
This SF.net email is sponsored by DB2 Express
Download DB2 Express C - the FREE version of DB2 express and take
control of your XML. No limits. Just data. Click to get it now.
http://sourceforge.net/powerbar/db2/
_______________________________________________
Wicket-user mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/wicket-user

Reply via email to