We've modified the FreeMarker templates to put labels on top for usability reasons.

http://raibledesigns.com/rd/entry/label_placement_in_web_forms

Using something like Uni-Form instead of forcing label placement might be a good idea.

http://dnevnikeklektika.com/uni-form (site currently appears to be down)

Matt

On Mar 6, 2008, at 5:20 AM, wkbutler wrote:


Hi -
I'm starting with a fresh AppFuse2 install and am trying to figure out the
page layouts.

In form content (being rendered by the s:form tag), I would like the labels to appear on the left of the form fields. I am using the css_xhtml layout
templates.

The s:form doc says that using
   label="label.name"  labelposition="left"
will accomplish this.

I found that doing this caused bad HTML, which I corrected by modifying template/css_xhtml/controlheader.ftl to add the else block shown below,
around line 11:

<#if parameters.label?exists>
    <#if parameters.labelposition?default("top") == 'top'>
    <div <#rt/>
        <#else>
        &lt;span <#rt/>
    </#if>

Does this appear to be a bug in the template to anyone else?

Fixing this did get the label on the left and the control (text, etc.) on the right, but it's not uniform. I want the form controls to be aligned
with each other.  The HTML looks like

<ul>
    <li id="wwgrp_customerForm_firstName" class="wwgrp">      
&lt;span id="wwlbl_customerForm_firstName" class="wwlbl">
            <label for="customerForm_firstName" class="desc">
customer.firstName</label>
        &lt;/span>
        &lt;span id="wwctrl_customerForm_firstName" class="wwctrl">
<input type="text" name="firstName" maxlength="255" value=""
id="customerForm_firstName" class="text medium"/>
        &lt;/span>
    </li>

</ul>


Has anyone figured out how to achieve vertical alignment of labels- to-lables and controls-to-controls? I am otherwise (begrudgingly) switching to use
tables.

--
View this message in context: http://www.nabble.com/form- labelposition%3Dleft-tp15872162s2369p15872162.html
Sent from the AppFuse - User mailing list archive at Nabble.com.


---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]



---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Reply via email to