30 Dec
2008
30 Dec
'08
8:36 p.m.
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