Support Article
Text Area label font changes on validation error
Summary
The Field label is configured within the Text Area control and the Required checkbox enabled. With this configuration, on tabbing tab out of the portal without entering any text, the label font size changes. After entering text, the font size returns to the actual size.
Before tabbing out:
After tabbing out (validation error):
Error Messages
Not Applicable
Steps to Reproduce
- Tab in to the required text area field with label.
- Tab out of the portal. Validation error is triggered.
Root Cause
An issue in the custom application code or rules.
The below style was defined in the application's skin for the class of the text area label.
<label class=”field-caption dataLabelForWrite” for=”.pyTextArea1”> ==$0
<span class=”iconRequired standard_iconRequired”>Text Area Label</span>
<strong class=”required-field-accesibility”>Required</strong>
</label>
<div class=”field-item dataValueWrite”>…</div>
The same style was not applied to the labelError class, that the validation error version of the label had.
<label class=”field-caption dataLabelForWrite labelError” for=”.pyTextArea1”> ==$0
<span class=”iconRequired standard_iconRequired”>Text Area Label</span>
<strong class=”required-field-accesibility”>Required</strong>
</label>
Resolution
Perform the following local-change:
Apply the same style (font size, bold) to the labelError class.
Published January 19, 2019 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.