Alternatives for view rendering - smallwiki

30 Dec 2008

I would like to have more control over how Magritte forms are rendered  
in Seaside.  For example, here is part of the HTML for the  
PersonEditor from the Magritte tutorial:

<table><tr><th>
   <label for="ajaxMASelectListComponent2159label">Title:</label>
</th><td>
   <select id="ajaxMASelectListComponent2159label" name="2">
     <option value="3" selected="selected"></option>
     <option value="4">Mr.</option>
     <option value="5">Mrs.</option>
     <option value="6">Ms.</option>
     <option value="7">Miss.</option></select>
</td></tr><tr><th class="required">
   <label for="ajaxMATextInputComponent3075label">First
Name:</label>
</th><td class="required">
   <input id="ajaxMATextInputComponent3075label" value=""
name="8"  
type="text" class="text"/>
</td></tr><tr><th class="required">
   <label for="ajaxMATextInputComponent3927label">Last
Name:</label>
</th><td class="required">
   <input id="ajaxMATextInputComponent3927label" value=""
name="9"  
type="text" class="text"/>
</td></tr><tr><th class="required">
   <label for="ajaxMATextInputComponent1643label">Email:</label>
</th><td class="required">
   <input id="ajaxMATextInputComponent1643label" value=""
name="10"  
type="text" class="text"/>
</td></tr>

Question #1:  How can I get HTML more like this?

<fieldset>
   <legend>Personal Information</legend>
     <div class="fieldbody">
       <label for="ajaxMASelectListComponent2159label" class="required 

quarter">Title:
         <select id="ajaxMASelectListComponent2159label"
name="2">
           <option value="3"
selected="selected"></option>
           <option value="4">Mr.</option>
           <option value="5">Mrs.</option>
           <option value="6">Ms.</option>
           <option
value="7">Miss.</option></select></label>
       <label for="ajaxMATextInputComponent3075label" class="required  
newline half">First Name:
         <input id="ajaxMATextInputComponent3075label" name="8"  
type="text" class="text"/></label>
       <label for="ajaxMATextInputComponent3927label" class="required  
half">Last Name:
         <input id="ajaxMATextInputComponent3927label" name="9"  
type="text" class="text"/></label>
       <label for="ajaxMATextInputComponent1643label" class="required  
full">Email:
         <input id="ajaxMATextInputComponent1643label" name="10"  
type="text" class="text"/></label>
Question #2:  I also want to be able to render forms that are a  
composite of multiple objects.  For example, I'd like to render the  
Address fields inline with the rest of the form (instead of clicking a  
button to expand a set of fields or go to another page).

What are my options?

Thanks,
David