Changing or overriding how a textfield shows error

Hi, I'm running 5.4-beta6 and I'm trying to customize how forms and
textfields display errors.

What tapestry does when errors happen on a form is this:

<div class="form-group has-error">
<input placeholder="Username" data-required-message="You must
provide a value for Username."
data-optionality="required" data-validation="true"
id="username" class="form-control form-control"
name="username" type="text">
<p class="help-block" data-error-block-for="username">Try with
user: users [ at ] tapestry.apache.org</p>
</div>

What I'm trying to do is this:

<div class="form-group has-error">
<label class="control-label" for="inputError"><i class="fa
fa-times-circle-o"></i> Input with error</label>
<input type="text" class="form-control" id="inputError"
placeholder="Enter ...">
</div>

This is from a custom CSS based on bootstrap3.

Hope someone can help and or at least point me in the right direction.

[image: Jay Ginete on about.me]

Jay Ginete
about.me/jay.ginete
<http://about.me/jay.ginete>