Win a copy of Design for the Mind this week in the Design forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

ui:decorate

 
greeshma silam
Greenhorn
Posts: 14
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hello All,

I am writing a template for form elements and using it in my form so that I can directly pass the label name and form field element instead of repeating required field note and other styles that are common to most fields. But as our web application has to be 508 compliant I have to have a 'for' attribute for label and I am stuck to define 'for' value for each label. Please find the code below:

template code:
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets">
<div class="up">
<label class="label">
<span class="required">*</span><ui:insert name="label"/>
</label>
<span class="width"><ui:insert /></span>
</div>
</ui:composition>

jsf page
<fieldset>
<legend>Enter Credentials</legend>
<ui:decorate template="/templates/fieldProperty.xhtml">
<ui:define name="label">Name:</ui:define>
<h:inputText value="" id="name"/>
</ui:decorate>
<ui:decorate template="/templates/property.xhtml">
<ui:define name="label">Password</ui:define>
<h:inputText value="" id="password"/>
</ui:decorate>
<div class="button-div">
<h:commandButton value="Login" action="welcome" />
</div>
</fieldset>

 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic