<div>The Scriptaculous component SUTabPanel is a pretty cool script enabled component that works pretty much out of the box. Just call: </div>
<div>SUTabPanel>>add: yourSubComponent label: theMenuString </div>
<div>for each of your sub-components. It puts in all the div tags you need to make it look pretty and marks the selected tab for CSS highlghting etc. automagically.</div>
<div> </div>
<div>An example can be seen on my (sorry site for the shameless plug :) <a href="http://chalculator.seasidehosting.st/">Football Pool</a> website. You can login with email: guest pwd: football </div>
<div> </div>
<div>Regards</div>
<div>Johnny</div>
<div>(Note: to get a "menu" of the links on one line, you have to change the code to put <span>'s around the list items instead of div's. I THINK I was able to make that work, but I didnt like it so I changed it back)</div>
<div><br> </div>
<div class="gmail_quote">On Thu, Oct 23, 2008 at 1:48 PM, Andres Fortier <span dir="ltr"><<a href="mailto:andres@lifia.info.unlp.edu.ar">andres@lifia.info.unlp.edu.ar</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">Hi Sebastian,<br> you may be interested in WANavigation and WASimpleNavigation for the menu stuff (I based on those classes to make a custom menu).<br>
<br>You may also want to take a look at WADecoration, which can help you to decouple the header/footer from the main page:<br><br>WADecoration:<br>I am an abstract decoration around instances of WAComponent. I can be added to aComponent by calling #addDecoration: and I change the basic behaviour or look of a component. There are several methods that can be overriden to archive this:<br>
<br>- #renderContentOn: to emit xhtml around the decorated component. Call #renderOwnerOn: to let the owner emit its output.<br>- #processChildCallbacks: to intercept the callback processing of the owner.<br>- #handleAnswer: to intercept the answer processing.<br>
<br>HTH,<br> Andrés<br><br>Sebastian Van Lacke escribió:<br>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">
<div>
<div></div>
<div class="Wj3C7c">Hello, <br>I'm from Argentina and I am working on a Seaside project. I don't speak English very well, so I hope you understand...<br><br>I need to recreate an old site using Seaside, and I and I'm having problems with the structure of the site.<br>
<br>My page has a header, menu, and a footer (which are repeated throughout the site) and a body that changes for each page of the site, depending on the option chosen on the menu.<br><br>CSRootComponent>>renderContentOn: html<br>
html div<br> id:'allContent';<br> with:[<br> html render: header.<br> html render: menu.<br> self renderBodyOn: html.<br> html render: footer.<br> ]<br><br>---------------------------------------------------------------------------------------------<br>
The component menu, displays a horizontal menu with links to different pages on the site.<br><br>CSMenuComponent>>renderContentOn: html<br> html div<br> id: 'menu';<br> with: [<br> html unorderedList: [<br>
self renderMenuItemsOn: html.<br> ].<br> ].<br>---------------------------------------------------------------------------------------------<br>CSMenuComponent>>renderMenuItemsOn: html<br><br> menuItems do: [:item |<br>
html listItem with: [<br> html anchor callback: item value;<br> with: item key.<br> ].<br> ]<br><br>----------------------------------------------------------------------------------------------<br>CSMenuComponent>>initialize<br>
super initialize.<br> menuItems := OrderedCollection new.<br> self addMenuItem: 'Company Info' withBlock: [ self companyInfo].<br> self addMenuItem: 'Products' withBlock: [ self products ].<br> self addMenuItem: 'Downloads' withBlock: [ self downloads ].<br>
self addMenuItem: 'Resources' withBlock: [ self resources ].<br> self addMenuItem: 'Support' withBlock: [ self support ].<br> self addMenuItem: 'Contact Us' withBlock: [ self contactUs ].<br><br>----------------------------------------------------------------------------------------------<br>
<br>where each of the links should display a new page with the same structure as before, but with a different body.<br><br>It is right to create a component for each link ? For example, CSCompanyInfoComponent for companyInfo link.<br>
How I call that component, from CSMenuComponent>>companyInfo method, to render in a new page??<br>I am confused by the fact that I don't have a renderCanvas to speak in that context.<br><br>Thanks!!!<br><br>Sebastian<br>
<br><br>Sebastian Van Lacke | Developer | caesar systems | see clearly. decide smarter.<br><br><a href="mailto:svanlacke@caesarsystems.com" target="_blank">svanlacke@caesarsystems.com</a> | t: +1.281.598.8790 | t: +54.11.4389.0126 | <a href="http://www.caesarsystems.com/" target="_blank">www.caesarsystems.com</a> <br>
<br>This message and any attached documents contain information from Caesar Systems LLC that may be confidential/trade secret and/or privileged. If you are not the intended recipient, you may not read, copy, distribute or use this information. If you have received this transmission in error, please notify the sender immediately by telephone or by reply e-mail and then delete this message.<br>
<br> <br><br></div></div>------------------------------------------------------------------------
<div class="Ih2E3d"><br><br>_______________________________________________<br>seaside mailing list<br><a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
</div></blockquote>
<div>
<div></div>
<div class="Wj3C7c">_______________________________________________<br>seaside mailing list<br><a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
</div></div></blockquote></div><br>