Forums

Form layout breaks after submission error (CF 8)

l.neumann795 07 Aug, 2024

Hey Max,

I am just setting up a very simple contact form with a few multi field areas. Everything works great and I believe CF8 is so much better and easier to use than CF7.

However, I am facing an issue that the form markup gets wrangled up after submitting the form. This only happens when the "error message" is shown, so not for field validation issues, but for example session oder security question errors.

Example form layout:

multi-area

   firstname lastname

multi-area

   email phone

message

submit

After submitting and getting the error, the markup actually looks like this:

multi-area

   firstname lastname

multi-area

   email phone message submit

so all the dangling fields that should have their own row are added to the last multi-area container.

I've tried adding some containers around the elements. If I add a container around the last multi-area, all fields are inserted in the container. Looks better, but still buggy.

Could you take a look at this?

Cheers,

Lukas

Max_admin 09 Aug, 2024

Hi Lukas

A screenshot or a link to the form with the problem will help, you may send this using the contact page if you do not want this to be public

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

The link is currently still private, but I can send you screenshots here.

Latest Joomla5, latest CF8.

This is the form + rendered HTML

Now, if I submit the form with a wrong security answer, the following is being rendered:

Let me know if you need anything else.

Cheers,

Lukas

Max_admin 17 Oct, 2024

I need a backup of this form or a link to the page in order to test this more, some tag is broken but I can not tell where from the images

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

The Form is public now: https://www.cesarights.de/en/contact

Max_admin 18 Oct, 2024
Answer

upon reloading the form with the email address, some system plugin on your website, called "joomla-hidden-mail" I think, is replacing the email address with some HTML code which breaks the form structure, you will need to disable this on the form, I'm not sure if this is possible, but if this is a "content" plugin and the form is inside an article then you may try to move the form to a page of type "Chronoforms" instead

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
You need to login to be able to post a reply.