ajax validation show error messages

[prophoto]

How do I get error messages to show immediately after the ajax validation fails along with the red box?

 

[troester]

In case of an error the element tooltip should pop up.
Did you try with Protostar Joomla template?

 

[prophoto]

In case of an error the element tooltip should pop up.
Did you try with Protostar Joomla template?

I hadn?t, but I prefer they are shown on the page instead of the tooltip. Tooltips don?t help much on mobile and over 50% of the users of this site are mobile.

 

[prophoto]

I found a way to make this happen without any special template, just some creative CSS. I put my error message in the element's tip text (Edit element > Publishing > Tips > Tip Text) and permanently hid the default fabrik error code tip text with the last line of CSS below. (change the X in #form_x to your form ID number if reusing this code)

#form_x .control-group .controls + span {display:none;}
#form_x .control-group.fabrikError .controls + span {display:inline-block;color: #B83366;background-color: #F3C129;clear:both;}
#form_x .fabrikErrorMessage.help-inline.text-danger {display:none!important;}