Posted by Tambet Matiisen on
URL: https://discuss.orbeon.com/Custom-design-for-required-and-invalid-fields-tp3762757.html

Hi Orbeon!

We need to use custom design for required and invalid fields. There is
nice how-to in wiki to achieve that:
http://wiki.orbeon.com/forms/how-to/view/error-summary

Unfortunately we cannot use the exact techniques in this how-to, because
our design uses table-based layout for form fields. Something like this:

<xforms:group ref="somegroup">
<xhtml:table>
<xhtml:tr>
<xhtml:th>
<xforms:label for="d139e247">Field label</xforms:label>
</xhtml:th>
<xhtml:td>
<xforms:input id="d139e247" ref="somefield"/>
</xhtml:td>
</xhtml:tr>
     ...
</xhtml:table>
</xforms:group>

As you can imagine, the resulting HTML is not styleable with CSS, as
suggested in how-to, because label does not have parent element with
classes like xforms-required, xforms-invalid etc.

Now I've settled with displaying required icon next to field itself
instead of label. But what are my options, when I would like to display
the required icon next to label and paint the label in red, if the field
is invalid?

Regards
Tambet


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws