Thanks Matt, the article was fascinating. Also compelling...I am happily scrapping my conversion to tables.
So as not to get lost....I do think there is a bug in the delivered css_xhtml/controlheader.ftl, but only for field labels not positioned on top. It should be adding an opening span tag (see below). If agreed, I'll open a JIRA ticket, or submit a fix, or both? Thanks - Kent mraible wrote: > > 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> >> <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"> >> <span id="wwlbl_customerForm_firstName" >> class="wwlbl"> >> <label for="customerForm_firstName" class="desc"> >> customer.firstName</label> >> </span> >> <span id="wwctrl_customerForm_firstName" class="wwctrl"> >> <input type="text" name="firstName" maxlength="255" >> value="" >> id="customerForm_firstName" class="text medium"/> >> </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] > > > -- View this message in context: http://www.nabble.com/form-labelposition%3Dleft-tp15872162s2369p15877137.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]
