Position of required field popup

Adjust the horizontal position of a required field validation popup in ChronoForms.

Overview

The popup's default position may not align optimally with the form field.
Add custom CSS to the form's 'load CSS' action, using a negative margin-left percentage to shift the popup left, and adjust the percentage as needed for proper alignment across different screen sizes.

rc rcadmin 03 Jul, 2014

How do I move the x position of the popup so that it is more to the left?

[attachment=0]Contact.png[/attachment]

Max_admin 06 Jul, 2014

Try to add this code to ad "load CSS" action in your form:


.gvalidation-error-tip{margin-left:-100px !important;}

But please note that if the form is viewed on a small view port (like a phone) then the message may be off the field!

Regards,
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

Max_admin 06 Jul, 2014

Answer

This may be better:


.gvalidation-error-tip{margin-left:-10% !important;}

and try to adjust the %

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

rc rcadmin 20 Jul, 2014

Thanks, perfect :-)

This topic is locked and no more replies can be posted.