<div>Newbie to Newbie,</div>
<div>&nbsp;</div>
<div>Here is a format David Shaffer set me up with (I hope I have interpreted correctly David?).&nbsp; Don&#39;t pay any attention to the input syntax as apparently you should be using canvas but I don&#39;t know how to yet. - Note if anyone does have some worked examples of canvas or knows where some thorough tutorials are that would be great. 
</div>
<div>&nbsp;</div>
<div>Also&nbsp;- &#39;Is there any place set up where simple pieces of code like this are kept so that us Newbies can hunt around and see how things work - kind of like <font face="Arial" color="black" size="2"><span style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Arial">
<a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.oswd.org/" target="_blank">http://www.oswd.org/</a></span></font>&nbsp;for style sheets.&nbsp; If not can we set one up?&nbsp; Even if we could mimic <font face="Arial" color="black" size="2">
<span style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Arial"><a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.oswd.org/" target="_blank">http://www.oswd.org/</a>&nbsp;just on the style sheet side it might help encourage more people to use Smalltalk and Seaside.&nbsp;&nbsp;
</span></font></div>
<div><font face="Arial" color="black" size="2"><span style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Arial"></span></font>&nbsp;</div>
<div><strong><em>Anyway code is&nbsp; as follows - Any comments from the Pro&#39;s would be awesome:</em></strong> </div>
<div>&nbsp;</div>
<div><strong>renderContentOn: html</strong> <br>&nbsp;html divClass: &#39;contents&#39;<br>&nbsp;&nbsp;with: <br>&nbsp;&nbsp;&nbsp;[html heading: &#39;Table Examples&#39;.<br>&nbsp;&nbsp;&nbsp;html table: <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[html tableRow: <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[html<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cssClass: &#39;col1&#39;; 
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tableData: &#39;Name:&#39;.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cssClass: &#39;col2&#39;;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tableData: [html textInputWithValue: [] callback: []].<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cssClass: &#39;col3&#39;;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tableData: [html anchorWithAction: [] text: &#39;Edit&#39;]]. 
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html html tableRow: <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[html<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cssClass: &#39;col1&#39;;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tableData: &#39;Gender:&#39;.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cssClass: &#39;col2&#39;;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tableData: <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[| group | 
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;group := html radioGroup.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;radioButtonInGroup: group<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;selected: []<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;callback: [].<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html text: &#39;Male&#39;.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;radioButtonInGroup: group 
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;selected: []<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;callback: [].<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html text: &#39;Female&#39;].<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cssClass: &#39;col3&#39;;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tableData: [html anchorWithAction: [] text: &#39;Edit&#39;]]]] 
</div>
<div>&nbsp;</div>
<div><strong><em>With the following Style Sheet:</em></strong></div>
<div>&nbsp;</div>
<div><strong>style<br>&nbsp;^&#39;</strong></div>
<div>
<p>&nbsp;.contents {<br>&nbsp;&nbsp;float: left;<br>&nbsp;&nbsp;width: 100%;<br>&nbsp;&nbsp;font-family: verdana;<br>&nbsp;}</p>
<p>&nbsp;.contents table{<br>&nbsp;&nbsp;border-color: #BBBBBB;<br>&nbsp;&nbsp;border-width: 1px;<br>&nbsp;&nbsp;border-style: solid;<br>&nbsp;&nbsp;background-color: ##DDDDDD;<br>&nbsp;&nbsp;border-spacing: 3px;<br>&nbsp;}</p>
<p>&nbsp;.contents td.col1{<br>&nbsp;&nbsp;text-align: right;<br>&nbsp;&nbsp;font-family: verdana;<br>&nbsp;&nbsp;font-size: 12px;<br>&nbsp;&nbsp;border-right: 1px solid black;<br>&nbsp;&nbsp;border-bottom: 1px solid black;<br>&nbsp;&nbsp;width: 80px;<br>&nbsp;&nbsp;background-color: #EEEEEE;&nbsp;<br>
&nbsp;&nbsp;padding: 5px 5px 5px 5px;<br>&nbsp;}</p>
<p>&nbsp;.contents td.col2{<br>&nbsp;&nbsp;text-align: left;<br>&nbsp;&nbsp;font-family: verdana;<br>&nbsp;&nbsp;font-size: 12px;<br>&nbsp;&nbsp;border-left: 1px solid black;<br>&nbsp;&nbsp;border-bottom: 1px solid black;<br>&nbsp;&nbsp;width: 300px;<br>&nbsp;&nbsp;background-color: #EEEEEE;&nbsp;<br>
&nbsp;&nbsp;padding: 5px 5px 5px 5px;<br>&nbsp;}</p>
<p>&nbsp;.contents td.col3{<br>&nbsp;&nbsp;text-align: center;<br>&nbsp;&nbsp;font-family: verdana;<br>&nbsp;&nbsp;font-size: 12px;<br>&nbsp;&nbsp;border-left: 1px solid black;<br>&nbsp;&nbsp;border-bottom: 1px solid black;<br>&nbsp;&nbsp;width: 60px;<br>&nbsp;&nbsp;background-color: #EEEEEE;&nbsp;<br>
&nbsp;&nbsp;padding: 5px 5px 5px 5px;<br>&nbsp;}</p>
<p>&nbsp;.contents input.text{<br>&nbsp;&nbsp;width: 100%;<br>&nbsp;}</p>
<p>&nbsp;.contents imput.radio{<br>&nbsp;}&nbsp;&nbsp;<br>&#39;</p></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div><span class="gmail_quote">On 4/27/07, <b class="gmail_sendername">John Brochan Collison</b> &lt;<a onclick="return top.js.OpenExtLink(window,event,this)" href="mailto:john@collison.ie" target="_blank">john@collison.ie
</a>&gt; wrote:</span> 
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">
<div style="WORD-WRAP: break-word">Thanks, that works perfectly. 
<div><br>&nbsp;</div>
<div>John</div>
<div><br>
<div>
<div><span>
<div>On 27 Apr 2007, at 13:50, Peter Osburg wrote:</div><br></span></div>
<blockquote type="cite">
<div><span>using html as the renderer, you should do:<br><br>html table with:[ html tableRow with: [ html tableData with: [] ] ]<br><br>of course you can leave out the &quot;with&quot; messag but for having the code ready for further purposes you should use &quot;with&quot;. later on you could do the following (if necessary) 
<br>html table <br>&nbsp;&nbsp;&nbsp; id: &#39;any_id&#39;; <br>&nbsp;&nbsp;&nbsp; class: &#39;any_class&#39;; <br>&nbsp;&nbsp;&nbsp; with: [ anything ].<br><br>John Brochan Collison schrieb: 
<blockquote cite="http://mid87E8FA12-2103-4F9B-AB77-BBE089AE71D8@collison.ie" type="cite">Newbie question: <br><br>What&#39;s the correct syntax for creating html tables in Seaside? I&#39;ve seen a few ways floating around, not sure if they&#39;re up to date. 
<br><br>John <br>_______________________________________________ <br>Seaside mailing list <br><a onclick="return top.js.OpenExtLink(window,event,this)" href="mailto:Seaside@lists.squeakfoundation.org" target="_blank">Seaside@lists.squeakfoundation.org 
</a><br><a onclick="return top.js.OpenExtLink(window,event,this)" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside 
</a><br><br></blockquote><br clear="all"><br>-- <br><a onclick="return top.js.OpenExtLink(window,event,this)" href="http://www.peter-osburg.de/" target="_blank">www.peter-osburg.de</a></span></div>
<div style="MARGIN: 0px">_______________________________________________</div><span>
<div style="MARGIN: 0px">Seaside mailing list</div>
<div style="MARGIN: 0px"><a onclick="return top.js.OpenExtLink(window,event,this)" href="mailto:Seaside@lists.squeakfoundation.org" target="_blank">Seaside@lists.squeakfoundation.org</a></div>
<div style="MARGIN: 0px"><a onclick="return top.js.OpenExtLink(window,event,this)" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside 
</a></div></span></blockquote></div><br>&nbsp;</div></div><br>_______________________________________________<br>Seaside mailing list<br><a onclick="return top.js.OpenExtLink(window,event,this)" href="mailto:Seaside@lists.squeakfoundation.org" target="_blank">
Seaside@lists.squeakfoundation.org</a><br><a onclick="return top.js.OpenExtLink(window,event,this)" href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside 
</a><br><br></blockquote></div><br>